Color of "Standard Hamburger" Menu Icon


#1

Hi,

how can I change the color of the “Standard Hamburger” Menu Icon? The background is white, and the icon unfortunately is also white at the moment. How can I change the color to e.g. black for the icon?

I need to change the background of the menu or the font color, too. I cannot find the setting or the right class… :frowning:

Hope you can help me.


#2

Hello,

You can find all of the custom classes you need if you go to Class Manager, click ‘+’ and select the needed class in the subclass library. See the screenshot.

Cheers,
Eldar

35%20PM


#3

you can do it as @Eldar mentioned with classes or you can just select the navigation links while in DESKTOP view mode and add the color you wish from the sidebar. the 2nd option will add a dark color to the hamburger menu icon no matter which color you use for the navigation links if the nav bloc has a white background.


#4

In Desktop Mode the icons have the correct colour (black), but when it is changing to smartphone mode the menu icon is still white.

Which class do I need to add and what settings have to be done ? I would appreciate detailed instructions. Thank you in advance


#5


#6

just add the classes in this case as @Eldar mentioned. first you open the class manager and click the “+” sign, now instead of typing a new class, open the subclass menu below and choose the option you need. for example Special Navigation Close Symbol will change the color of the menu close symbol, the Toggle Navigation Menu Symbol will style the hamburger menu etc…


#7

Still the colour of the icon cannot be changed …:frowning:


#8

can you try emptying the browser caches? if you are using safari, activate the developer options in safari preferences and then you can Empty Caches thru the develop menu. after this operation reopen the blocs file in browser. I am trying to replicate your problem but all my tests are OK. hope this will fix you problem


#9

Did you try to make the change on the mobile preview then looked on the computer?
Maybe the problem is here. Change the class manager while on the computer preview, not on the mobile preview.
Let me know if it’s good now.


#10

I too have been down this road, did not find a way to change the color of the hamburger


#11

Hi guys,

If it’s the color of the actual bars in the burger menu then this works.
Just open the Class Manager, click the + and in the Subclass Lib choose “Toggle Navigation Menu Symbol”
And change the background color.

I hope this helps :sunglasses:

menu1

Result in browser
menu3


#12

Thanks! (Y)


#13

Nice tip, appreciated!