Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 1, 2022 at 4:18 pm #1360128
    gdsconcepts

    Hello,
    I made a LayerSlider header with text and video. It looks fine in every browser, but when you turn on fullscreen in Safari, the text overlaps the video and is still visible. I already tried giving the video custom css (z-index: 9999) but it doesn’t work. Do you have a clue?

    Best regards
    Bianca

    August 1, 2022 at 6:13 pm #1360151
    Rikard

    Hi Bianca,

    I can’t see that happening on my end, could you post a screenshot of what you are seeing on your end please? If you know under which exact circumstances this problem happens, then please share them with us as well.

    Best regards,
    Rikard

    August 2, 2022 at 9:52 am #1360264
    gdsconcepts

    Hey Rikard,
    please see the attached screenshot. The issue occurs when you turn on fullscreen mode – but only in Safari. Every other browser seems fine. The text looks like it is on a layer in front of the video.
    Best regards,
    Bianca

    August 2, 2022 at 11:07 am #1360278
    Rikard

    Hi,

    Thanks for that. I’m still not sure how you are seeing those results though, could you try to explain that a bit further please? You can see what I’m seeing in full screen mode in Safari in the screenshot in private.

    Best regards,
    Rikard

    August 2, 2022 at 12:49 pm #1360294
    gdsconcepts

    Hey,
    sorry – to be precise, the problem happens while watching the video itself in fullscreen mode in Safari. I hope that explains my problem.
    Best regards

    August 3, 2022 at 11:28 am #1360460
    Rikard

    Hi,

    Sorry for the late reply. I’m seeing the problem on my end as well, but I haven’t been able to find a solution unfortunately. I’ve asked the rest of the moderators for help though, let’s hope they can find a solution.

    Please reply once you have read this reply, so that your thread gets added back to our support queue.

    Best regards,
    Rikard

    August 3, 2022 at 12:53 pm #1360479
    gdsconcepts

    Hi,

    thank you for your help! I’m looking forward to your reply. :)

    Best regards,
    Bianca

    August 4, 2022 at 2:28 pm #1360631
    Yigit

    Hi Bianca,

    Thanks for your patience!

    I have added following code to bottom of Quick CSS field and that helped

    .avia-safari .ls-wrapper.ls-z {
transform: translateZ(0px) !important;
}

    Please review your website :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.