Archived topic
To make the social sticky side menu
7 replies · Started by Arnaud on September 16, 2022
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
Hi Arnaud,
Try adding this CSS in Appearance > Customize > Additional CSS:
.gb-container.sticky-social-icons {
z-index: 99999;
}
ok thx.
Can we use the fields 'Outer z-index' or/and 'Inner z-index' ?
leveraging native configuration.
Actually, you're right. Can you try setting the Z-index on the Outer z-index?
when I set (for the high-level container) the Outer z-index 99999
it looks like this : https://wordpress-834202-2871905.cloudwaysapps.com/
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;
}
thx
You're welcome Arnaud!