Hamburger icon to change in size or colour

Classic
1

Hi

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

2

Need more info Mike.

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

Rob

3

Hi Rob

it is: https://www.doktor-loder.ch

4

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.

5

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

   #navigation_toggle {
    color: #FB060E;
    font-size:50px;
    }

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.

Rob

6

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

7

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