Menu Drop Downs - Mobile

Activello
1

Hi me again…

Is there a way to change the colour of the menu drop downs before they are selected? At present they show up, but they are very pale against the screen as they are white.

Once hovered over they go green…

I’m just wondering if there is a way to have them in a different colour before they are ‘hovere’ over?

I hope that makes some sense!

2

Hi @katsanddogs,

I hope you are well today and thank you for your question.

You can try changing its color by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS

ul.dropdown-menu {
    background-color: #c8e4d1;
}

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

Best Regards,
Movin

3

Thanks Movin

that has worked great for the site when its viewed on a computer, but the drop downs are still white when viewed on mobile and tablet.

4

Also for some reason - sometimes the selection colour is purple and so is the text colour. This seems to be more of an issue when viewed on mobile.

5

Could you please try using below CSS code instead of above CSS code?


#page ul.dropdown-menu a {
    color: #fff;
}
#page ul.dropdown-menu {
    background-color: #c8e4d1;
}
6

Hi

I removed
ul.dropdown-menu {
background-color: #c8e4d1;
}

and replaced that with

#page ul.dropdown-menu a {
color: #fff;
}
#page ul.dropdown-menu {
background-color: #c8e4d1;
}

But the menus are still showing up purple and now it is no longer centralised. I’ve gone back to how it was and restored the previous CSS code for now.

It is this sort of thing I want to change though - so the purple is replaced with something thats more a lighter version of the green?

7

Could you please share me your site URL where it’s happening so that i can troubleshoot it?