Z-Index on a section with Inline Nav

[hungryeye]

Hi,

I am not able to get the Z-Index to work on sections on my page. I am trying to get the inline nav above the image below it, so the nav’s drop shadow will show.

Here is the page: https://livenaturallymagazine.com/advertise-new/

Thanks!

[nabeel]

Hi @hungryeye,

Thank you for reaching out to us, The reason it isn’t working because you have set the z-index of the image section higher than the section that contains the navigation element. To fix this, inspect the section that has the navigation element and set the z-index to at-least 3 or higher.

Now to see this effect you need to change some values of the box shadow e.g make it more blur or spread it a little more. I tried it using inspect element and I see the following results:

Hope this helps!