Hi. It's relating to the mobilemenu. I could see that there is css for a toggler_icon but it was not displaying anything. I have created the mobilemenuck.css override and added some new code for a caret like this:
Code:
#accordeonck150 li.parent > span span.toggler_icon {
position: absolute;
cursor: pointer;
display: inline-block;
width: 0;
height: 0;
margin-left: .255em;
left: 10%;
top: 1em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}
However, there are two issues with this:
1. Ideally it should be placed immediately after the item title (with a small bit of padding between) but I can't see how to do this. As the screen widens or narrows, the toggle_icon moves as well, sometimes overlapping the text. I have copied the css as described from plugins/system/mobilemenuck/default.txt to templates/YOURTEMPLATE/css/mobilemenuck.css but /modules/mod_accordeonck/themes/custom/css/accordeonck150.css takes priority. In the override css it would seem that lines 15 and 16 have no effect.
2. When the screen is very small, the menu doesn't display at all. It just disappears.
Here is a link to my site (only a rough development site for this kind of exercise!)
This message contains confidential information
Thanks.
