No scroll on mobile navigation


I’m having some issues with my mobile navigation. Here is how my menu navigation works:

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:

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:

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: