Create nav menu that pushes content off of screen on opening

Evening all,

I am trying to build a Nav menu that pushes the content off of the screen when opening from the left. I’ve been trying all evening and it’s driving me mad, so any help would be great!

Thanks in advance. :smile:


Here is my site Read-Only: https://preview.webflow.com/preview/bathroom-solutions?utm_medium=preview_link&utm_source=designer&utm_content=bathroom-solutions&preview=286223292d46088c33aeb2041cb33032&mode=preview

You mean like this? https://www.canalalarm.com

I had to build that completely custom using interactions. I had to wrap the entire content of the page in a div and trigger it to move to the left when the menu opened. Serious pain in the ass but doable. You just gotta get good at using interactions. I used interactions 1 as well which seemed to make it a bit easier.

That’s exactly it! I didn’t think of doing that. Thanks for the advice, I will give it a go and see what I can come up with. Thanks again! :smile: