Possible Z-index Issue

Support
#1

Hello guys,

I was wondring if you could help me out with something.

i have added an iframe as a background and that’s ok, the thing is that it seems everything is getting the same z-index so the background image is now covering the image that is supposed to be above it.

Could you please take a look and point me in the right direction, please?

Thanks.

#2

Hey Alejandro,

Thank you for reaching out to us. I checked your homepage and everything seems to be fine. I can’t find a background image on your homepage, are you referring to the the iframe? You can adjust the z-index by inspecting your section and adjust the z-index (see screenshots)

Similarly you can adjust the z-index of your rows by inspecting each of your Row in Cornerstone and adjust it’s z-index value separately (see screenshot)

If this doesn’t help then can you please share some screenshots of the issue you’re having so we can take a closer look?

Thanks!

#3

Hello,
i made a small video so you can check what i’m talking about.

I tried what you mention but the thing is that all of the elements are in the same row in the same section, yet for some reason only the iframe is showing on top when it’s the logo that should show on top.

I tried this approach only because the video element doesn’t work as we desire with vimeo videos.

#4

Hi Alejandro,

Please edit your home page and add this element CSS to your image:

$el{
  z-index:5 !important;
  position: relative;
}

Hope it helps :slight_smile:

#5

i was missing the position! :sweat_smile:

Thanks!

#6

You’re welcome! :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.