Archived topic

Need Help Resizing Mobile Off Canvas Panel Menu Toggle (Hamburger Icon)

1 reply · Started by Jeffrey on November 18, 2020

Viewing posts 1–2 of 2

November 18, 2020 at 3:54 pm #1536873

Hello. I've been looking through the forums trying to figure out how to resize the mobile off-canvas menu Icon toggle and make it larger. I haven't managed to find anything relevant on the forums.

Image link for an example of what I'm referring to https://imgur.com/a/AkGgmRN

I want to make both the hamburger icon and the logo larger for mobile users.

The Site address is https://cwdodev.cwdo.org/

Thanks for the help.

November 18, 2020 at 4:35 pm #1536887

Hi,

The size of the logo for the mobile header is adjusted through Appearance > Customize > Layout > Primary Menu's "Menu Item Height". Increase its value if you want to make it larger.

As for the hamburger icon, you can change its size using this CSS:

@media (max-width: 768px){
button.menu-toggle {
    font-size: 50px !important;
}
}

Change 50px to your preferred size.

This archived topic is closed to new replies.

Start building better websites today.