Mobile Nav Menu Is Layering Behind Page Content

Design help Layout & Design
1

I am having issues with the mobile nav menu layering behind the page content.

The issues happen on the main page (but not for the hero?), other pages, such as ‘case studies’ the whole page is sat infront of the Nav Menu.

I have tried z-index 9999 and ensuring the content hehind is lower.

Here is my site Read-Only: Webflow - H1 Media Limited

2

Hey Jack,

Study up on CSS stacking contexts-

The general problem is that you are positioning [2] containers [1] which contain both your nav [3] and your content, and that affects their ability to z-index in relation to each other.

image
image1920×996 108 KB