Z-Index not working

Hey @tadeha

Apologies for the late response. If this issue is still happening for you, can you share a link to your site?

Hmm, from what I can the “SMILE” logo at the top left is what you used in the Sticky Block. This is on top of everything else, though it might not look like that right away since it doesn’t have a background color:

Is that what you mean, or are you referring to something else?

The main reason why this is not working is because the Sticky Block is contained within a section that has a lower Z-index than the section that holds the mobile phone prototype.

It’s not directly an issue with the sticky block itself, but with the other sections on your page, it seems. I believe that adding this code should work, though you may have to check the settings of all your other blocks/sections:

.home-container > section:first-child {
    z-index:999;
}

In that case, you may need to check this with your theme settings or (if you use one), your editor, to see which blocks are overlapping.

The Z-index of the sticky block itself is set correctly at 999; it’s the fact that the container block has a Z-index of only 2, and the other sections (that overlap it) have a higher Z-index. That’s not direclty something related to the sticky block.