images hover above the nav

[craigfeldspar]

Hello! Is there a way to let images hover above the nav?
Thanks in advance

[arminunruh]

you mean use the imagehover addon on the navigation? no :(

[craigfeldspar]

No, it would be the images that appear on top of the navigation, i've tried with z-index but it didn't work

[arminunruh]

ah you mean when you scroll, you want your images to overlap the navigation

[arminunruh]

you would need to use this css

/* this puts the columns in the same stacking context as the nav */
.lay-content{
    position: static!important;
}
.row{
    position: static!important;
}
.col{
    position: static!important;
}

/* this will put the image elements on top of the navigation */
.col.type-img{
z-index: 99!important;
}

add this in:
lay options -> custom css & html -> custom css for desktop

the reason why your zindex didnt work is stacking contexts:
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_positioned_layout/Stacking_context

[arminunruh]

please be aware this css will make row background images get placed incorrectly and may lead to other layout issues, but maybe it works out for your case

[craigfeldspar]

thanks Armin 🙏