Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 20, 2019 at 10:24 pm #1102617
    gregorh

    Hello Support,
    I installed an plugin to change a big video in an iframe to convert into a smaller stick version of this video when user scrolls the big version out off sight.
    The problem is that the sticky video is covered by the pages main content and I can’t get it to show above it. It is set to “z-index: 99999 !important;” but this does not bring sticky video over the content containers.

    What could cause this?

    Thanks
    Gregor

    May 21, 2019 at 4:26 pm #1102913
    Nikko

    Hey Gregor,

    Try adding this css code:

    #top.page-id-52127 #av_section_1 {
    position: relative;
    z-index: 99999;
}

    Hope it helps.

    Best regards,
    Nikko

    May 21, 2019 at 10:36 pm #1103110
    gregorh

    Hi Nikko,
    Thanks a lot, it worked!!!!
    First I thought it didn’t but after clearing the CDN Cache it worked correctly.

    Thanks a lot & best regards
    Gregor

    • This reply was modified 5 years, 6 months ago by gregorh.
    May 22, 2019 at 3:56 am #1103147
    Nikko

    Hi Gregor,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘z-index not working’ is closed to new replies.