[Resolved] Menu Plus different colour for the submenu dropdown arrow

[Pete]

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.

[Tom]

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 🙂

[Pete]

Mobile… maybe just make the default colour a different shade

[Tom]

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;
}

[Pete]

That’s heaps better. Are you gonna make that the default?

[Pete]

I can’t see the close X? Has it been updated in the repo?

[Tom]

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 🙂

[Tom]

The close X will be in the GP Premium update which is coming out early this week.

[Pete]

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?

[Tom]

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.

[Pete]

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.

[Tom]

That would be awesome, but I’m afraid there’s not unless you’re using RGBA.

[Pete]

resolved

[Author]

Posts