Change colour of "+" icon in dropdown menu on mobile

[Mark Roberts]

Hi there,

At the moment the mob Nav menu has a dropdown with standard dark grey/black “+” icons to expand a menu dropdown list.
Is it possible to change these “+” icon’s from the mobile dropdown menu to another colour, such as white or something else.
I don’t want to change the theme from light to dark, only change the colour of the menu dropdown “+” icons.

thanks,
Mark

[Zex]

Hello Mark!

Unfortunately, it is not possible to change this color, because the “+” sign is actually a hole in the circle, through which you can see the color of your mobile navigation menu, which can be changed from Customizing-> Navigations-> Navigation Mobile … Mobile Navigation Background Color.
https://prnt.sc/oneq77
So if you want it white, you need to change the Mobile Navigation background color to white…

You can only change the color of the circle surrounding the sign, by inserting the following code into
Customizing->General->Additional CSS:

.mobile-menu button{
    color:white;
}

Change the color value per your needs.

Regards

[Mark Roberts]

Hi Zex,

This is perfect for me.
Maybe I wasn’t clear enough.
I meant the circle around the “+”.
I was referring to the icon as a whole.

Thanks for the solution.

Kind regards,
Mark

[Author]

Posts