Archived topic
off-canvas hamburger icon styling
5 replies · Started by Salty Communication on December 6, 2022
Viewing posts 1–6 of 6
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!
Hi there,
you can use this CSS:
.main-navigation button.menu-toggle, .main-navigation .slideout-toggle a {
color: #fff;
font-size: 28px;
}Thanks David, worked perfect - on mobile. How do I add the style to desktop as well?
-J
I have updated the CSS above:
https://generatepress.com/forums/topic/off-canvas-hamburger-icon-styling/#post-2451353
Excellent! Thanks.
You're welcome
This archived topic is closed to new replies.
