How to fix content "jumping" when using fullscreen menu with Nav (nestable)? Scrollbar problem?!

[Soluna]

Hey
After I finally learned how to create a fullscreen menu with Bricks I now have the “problem” that the content “jumps” when toggling the fullscreen menu.

Just to clarify what I´m talking about: Here on the test-environment I recreated a client website where I´m currently testing some stuff with Bricks.

Penguinsplayground

On pages where I don´t have a scrollbar everything works perfectly. But on every page where I have enough content that the scrollbar appears the whole content seems to shift a bit when you click on the menu toggle.

Is this maybe a similar problem to this:

SOLVED: Content jumps when popup opens (scrollbar)

Bricks Version: 1.6.1 Browser: Chrome OS: Windows Hi bricks team. When the pop-up is opened, the content of the page will shake a little. This conveys a negative feeling to users. The reason for this problem is that when the popup is opened, the browser’s scrollbar is hidden. When the popup is closed, the scrollbar will appear. The same thing causes the content of the pop-up page to shake when it opens and closes. To solve this issue, it is better not to hide the browser’s scrollbar when th…

Maybe someone can help me figure out a way to fix this

Thanks already in advance!

[HOSEIN]

Hi @Soluna,

I had this problem with the popup and to solve it it was enough to enable scrolling when the popup is displayed. But it seems that you have this problem in the nestable nav element, and if I’m not mistaken, this element has no options to enable or disable scrolling.

[Soluna]

Hey @HOSEIN
Thanks for the reply!
Yea, I couldn´t really find an option to enable or disable scrolling unfortunately. Not sure though if there´s a different way to solve this problem.

[Soluna]

I found a solution. Setting the body.no-scroll class to overflow: scroll; position: fixed; solves this.