Streaming live at 10am (PST)

Hamburger Menu Overflow Issue


I am having trouble with the hamburger menu when used on a mobile device.
When the menu is used with “overflow: visible” - the menu creates a white margin on both sides of the page.

When used with “overflow: invisible” - the margin disappears, but the hamburger menu wont open (or does open but is invisible).

I would like the menu to function properly (open visibly when pressed), without overflowing and creating these margins.

Thanks in advance!


Here is my site Read-Only:

On the “Nav Menu 3” layer, why do you have Float & Right Padding? If you remove those, the menu opens fine.

1 Like

thanks! Indeed, that seemed to be the problem.

Awesome! Glad to help, have fun!

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