Off Canvas Menu HALP

Greetings!
I am trying to have an off canvas menu animate from off the right of the viewport to on top of the viewport. I can get it to work, however, the area in which the menu comes from is viewable if you scroll to the right.
I was able to fix it by giving the body a class of overflow hidden, but then you can’t scroll down the page. Any help would be greatly appreciated!

https://the-brand-guild.webflow.io


Here is my site Read-Only: https://the-brand-guild.webflow.io

Hey Lance! Welcome to the forum. Please add a read-only link to your Webflow project so we can take a look. Instructions are here. Thanks!

Ugh™ my bad! Sorry about that!
https://preview.webflow.com/preview/the-brand-guild?utm_medium=preview_link&utm_source=designer&utm_content=the-brand-guild&preview=ccaacbec763edc43f2d3214f53f79fef&workflow=preview

Thanks! Taking a look, I’m not actually seeing any horizontal scrollbars on the body (even after removing your Overflow setting entirely). Your menu appears to enter and leave normally. However, when I open the menu, I do see a horizontal scrollbar appear, which seems solved by setting the positioning of your main menu wrapper to Fixed instead of Absolute.

Does this help at all?

Uh…yes. Thank you so, so, much. I should have posted hours ago. Again, this is a great help, thanks again and have a great rest of your day.

1 Like