Streaming live at 10am (PST)

No scroll on mobile navigation


#1

Hey!

I’m having some issues with my mobile navigation. Here is how my menu navigation works: https://gyazo.com/e52428a1947937df6853799297d17ace

The problem becomes when I scroll:

As you can see, the navbar isn’t fixed so when I scroll it dissapears. The idea is to block the scrolling when the user is in the menu.

Any ideas to solve this?

Thanks a lot! :slight_smile:


Here is my site Read-Only: https://preview.webflow.com/preview/jonathans-first-project-fa93f5?preview=d63917ebf35aec1d0d211eec59c24c37


#2

Hi there,

This is a great design question.

One possible solution requires a little bit of custom code, and can be found at

Also, you can look into position:fixed of the nav once the menu button is clicked, and returning the position afterwards.

Hopefully, this was helpful. :nerd_face:


#3

I think I would go with the second one :joy: But how can I change the position through the trigger?

Thanks for the answer mistercreate :slight_smile: