Hamburger icon to change in size or colour


I have right upper corner this Hamburger icon to click for other pages.
How can I change it (by size, colour or location?

Thanx in advance, Mike

Need more info Mike.

What theme?
Built in menu or a third party stack?
A URL always helps.


Hi Rob

it is:

Try this in site-wide CSS:

#navigation_toggle i.fa.fa-bars {
    color: #ff0000 !important;
    font-size: 36px !important;

You may not need " !important", try without and add if needed.

Adjust the color and size as appropriate.

Putting this into the CSS panel in Settings/Code will change the colour and size of the visible hamburger menu.

   #navigation_toggle {
    color: #FB060E;

Change the colour and size to whatever you want. You can also change the close icon to the same colour. Don’t think there’s a way of moving the hamburger to the other side without breaking the theme, I’m afraid, no even in the Pro version.


Thanx, that’ll solve my problem. Some folks asked me to make it more visible.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.