Z-Index

Hi, thanks for trying my plugin!

You can change the Z-index value for your sticky element in the Settings for the plugin. By default it’s set to 1, but you need to se it a little higher. Don’t go overboard by setting it to 99999 or something though — it’s best to set it as low as possible, but high enough to eliminate the issue. Set it to 100 first and see if that works…if not, go a little higher, until you find that the problem doesn’t occur anymore.

If you’d like me to take a look at it, please give me a URL to your site so I can see what the ideal Z-index setting should be.

Ah thanks! That worked!

Thanks for the prompt support

Anytime! Glad it helped and that you got it sorted ??

Hi,

I’ve the same problem as fellowmedia but can’t find the right z-index.
Could you please have a look which z-index I have to choose?

The URL is: https://refresh.drehmoment-film.de/

Thanks

@hellolevate The problem is not with the sticky element or it’s Z-index: that’s set at 100 so that should be more than enough.

However, the Z-index value of the sticky element’s parent is set to 10, and there are many other elements on the page with the same Z-index, so that’s what’s causing this issue.

Getting rid of a lot of the Z-index values all over the page would probably be the best thing to do in the long run, but the quickest solution right now would be to add this CSS to your site:

#fws_583e145536bbd > .col {
   z-index:11;
}

Sorry for the late reply, but i just got the chance to test the code.

Unfortunately it doesn’t work. I tested it with and without !important.

Any other idea what I can do?

Right now i got it. Didn’t know that i have to set an individual Row ID. Now it works.

Excellent! Glad it’s worked out now. ??