Sticky Div Z-index

[DesignMunky]

I am having trouble getting the z-indexes to set for a sticky div on this page at the floorplan section.

Pathfinder New - Australia’s premier 4WD campervan

It looks like the elements within the sticky div are setting at the correct z-indexes above the Slider with the floorplan image but the Div container that they are in (that has the sticky div setting) still sits below the image.

I’ve tried using css to set the div z-index as well as in the native cornerstone settings:

$el {
z-index: 9999 !important;
position: sticky !important;
}

And also tried the same to set the slider at a lower z-index.

But I keep getting the same results.

Does it have something to do with the fact that both are sitting in a div with the data-x-slide-context attribute?

Thanks Darren.

[ruenel]

Hey Darren,

Thanks for writing in!

Please add background color and see the difference:

Hope this helps.

[DesignMunky]

Hey Ruenel,

Ok that has to be the dumbest ticket I’ve ever submitted - how could I have missed that!? Haha…

THANK YOU!

Darren.

[tristup]

Hi Darren,

Glad that we are able to help you.

Thanks