Archived topic
Menu Plus different colour for the submenu dropdown arrow
12 replies · Started by Pete on October 19, 2015
There's no colour difference in the parent and the dropdown arrow on the menu plus yet they are 2 different links. How about making this a option in the colors addon to allow us to give the arrow area a different shade so users can see the difference. It took my small brain 10 goes before i figure i had to tap the arrow and not the bar to get it to drop down.
Do you mean on desktop or mobile?
An option for this may be overkill (I have to be careful about the number of options in the Customizer), but it should be a very simply CSS tweak.
Let me know :)
Mobile... maybe just make the default colour a different shade
You could try something like this:
a.dropdown-toggle {
background-color: #000000;
color: #FFFFFF;
}
a.dropdown-toggle:hover,
a.dropdown-toggle:active {
background-color: #000000;
color: #FFFFFF;
}That's heaps better. Are you gonna make that the default?
I can't see the close X? Has it been updated in the repo?
It would require at least 3 more options in the Customizer which I'm not so happy about (our Borders add-on will be using a lot of options, and too many options will make it slow).
We'll just do CSS for now :)
The close X will be in the GP Premium update which is coming out early this week.
Cheers X ... re "Are you gonna make that the default?" I mean are you going to add that css above into core (no customisation) or will i need to add it each install?
You'll need to add it to each install, at least for now.
I can't guess what color people are making their menus, so the above wouldn't work for everyone.
I can’t guess what color people are making their menus... whoops yes. I wonder if there's there a css function that can shade a color lighter or darker than a given css class?? or something.
That would be awesome, but I'm afraid there's not unless you're using RGBA.
resolved
