[Resolved] off-canvas hamburger icon styling

[Salty Communication]

Hi

Been lurking around the forum and can’t find the answer on how to style the hamburger icon.
I am using the off-canvas panel and I want to make the hamburger icon bigger and white without changing the menu items. I guess there is some special CSS code for that..
Thanks!

[David]

Hi there,

you can use this CSS:

.main-navigation button.menu-toggle, .main-navigation .slideout-toggle a {
    color: #fff;
    font-size: 28px;
}

[Salty Communication]

Thanks David, worked perfect – on mobile. How do I add the style to desktop as well?

-J

[David]

I have updated the CSS above:

https://generatepress.com/forums/topic/off-canvas-hamburger-icon-styling/#post-2451353

[Salty Communication]

Excellent! Thanks.

[David]

You’re welcome

[Author]

Posts