Sticky block sitting beneath wp media element player

Hey @hblecher

In the settings for the Sticky Block, try setting the Z-index value to 4 or higher.

@senff Unfortunately, that seems to have broken the entire block. Now either the block disappears all the content within it, or it no longer respects any css margins I gave it so that the content stays centered. :/

@senff I managed to fix it again, and the zaxis works correctly now (I think the problem was due to a gutenberg update — the solution was to recreate the navigation element inside of gutenberg’s new navigation area block, instead of only alone as navigation block.)

But I have a related question — I have another element, a small header element, that has a fixed css position. When I use pixel heights to set its fixed position, it sits fine over the sticky block (I also gave this element a higher z index than the sticky block), but if I use percentages, it only considers its position in relation to the bottom of the sticky block, when it’s sticky. I would continue to use pixels, except this will have negative effects on mobile, so I’d like to use percentages — and vh and vw don’t seem to work consistency across platforms either. Is this to do with the fact that the sticky is using js instead of pure css to stay sticky?

Hey @hblecher

I would continue to use pixels, except this will have negative effects on mobile, so I’d like to use percentages — and vh and vw don’t seem to work consistency across platforms either. Is this to do with the fact that the sticky is using js instead of pure css to stay sticky?

I’m not entirely sure what you mean here, but if you’re referring to the “space between sticky block and top of screen”, that can indeed only use pixels. Or are you talking about something else?

If you can share the link to an example page where you have this set, that may help to clarify it a bit more as well. ??