Issue with z-index and navbar

Community resources
1

Hello,

Here’s my problem, in mobile landscape on the CMS page :

  • I want my nav to be fullscreen with the overlay when the burger menu is triggered (that is working) and without being able to scroll (that isn’t) I can’t see how to disable it
  • I don’t understand why my second section is seen above the nav overlay despite the inferior z-index and how can I correct it to stay behind

If you can help me with that please that would be nice :exploding_head:
Thanks

https://preview.webflow.com/preview/les3coups?utm_medium=preview_link&utm_source=designer&utm_content=les3coups&preview=ea982b76d11b9132bbfa62eeec8923da&pageId=64ce83acb8a6b3413b9b2468&itemId=64ce83c138241ed462bdfa11&workflow=preview

2

Hi @Jeremy-M :wave:
#1 Move your nav out of .rl-section-header DIV > set position: Aboslute, Top

image
image1920×954 85.7 KB

For .rl-container.nav set paddings:

image
image1920×833 85.9 KB

3

Hello, thanks for your answer.
Ok it works to be above everything but the scrolling isn’t disabled + logo and burger are disappearing when we scroll :sweat_smile:

4

Then set for .nav position: sticky instead absolute)

5

Thanks but it doesn’t work I don’t want the nav being sticky when I scroll down when the menu is closed :persevere:

Is there any way to just disable the scroll when I click the nav trigger ? I tried with Finsweet Disable Scroll for Webflow - No-code using Attributes and the toggle button but it doesn’t work at all…