[Support request] To make the social sticky side menu

[Arnaud]

HEy

I set up a social sticky side menu : https://wordpress-834202-2871905.cloudwaysapps.com/coupe/homme/

However when going through block with image, it passes behind the images (can’t see it anymore).

Other page where the issue is there : https://wordpress-834202-2871905.cloudwaysapps.com/

What is the tweak to make it in the front ?

thx

[Fernando]

Hi Arnaud,

Try adding this CSS in Appearance > Customize > Additional CSS:

.gb-container.sticky-social-icons {
    z-index: 99999;
}

[Arnaud]

ok thx.

Can we use the fields ‘Outer z-index’ or/and ‘Inner z-index’ ?
leveraging native configuration.

[Fernando]

Actually, you’re right. Can you try setting the Z-index on the Outer z-index?

[Arnaud]

when I set (for the high-level container) the Outer z-index 99999

it looks like this : https://wordpress-834202-2871905.cloudwaysapps.com/

[Fernando]

I see. Doing so overrides the sticky position setting as well. You can revert back to custom code.

You have this code:

.sticky-social-icons {
    position: fixed;
    left:0;
    top: 30%;
}

You can alter it to this instead of the previous code I provided:

.sticky-social-icons {
    position: fixed;
    left:0;
    top: 30%;
    z-index: 99999;
}

[Arnaud]

thx

[Fernando]

You’re welcome Arnaud!

[Author]

Posts