Firefog Firefog - 3 months ago 93
CSS Question

z-index is not working with visual composer when position fixed

I have created a custom sticky menu on my site but the menu falling behind during scroll with visual composer elements also

z-index
is not working. Please help me what i'm doing wrong ?

You can see the problem here

My CSS

.navbar-fixed {
top: 63px;
position: fixed;
width: 100%;
z-index: 99999;
overflow: visible;
}


enter image description here

Answer

This is because your sections don't have a position set either.

On an element with the l-section-h i-cf class, and a new class with

position:relative
z-index:-1

Visual example:

enter image description here

This will also remove the issue of links not being clickable.