Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. Elements change stack order randomly in Fullscreen Slider

Elements change stack order randomly in Fullscreen Slider

Scheduled Pinned Locked Moved General Discussion
7 Posts 2 Posters 205 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • B Offline
    B Offline
    benni
    wrote on last edited by
    #1

    Hey there,

    I encountered a problem while using the Fullscreen Slider.

    For each slide/row I want to place one image and adittionally a few lines of text in the same slide/row.
    So far that worked fine. But when text and image overlap something strange happens to the stack order.
    The image is sometimes displayed in front of the text and sometimes in the back. It also randomely changes. For example I would scroll to a new slide and at first, the image is in front of the text, but a second later it jumps to the back. It also happens the other way around.
    I tried to figure out what causes this but had no luck so far.
    Ideally I would like the text to be displayed in front of the images always but couldnt get that done with z-index.
    Otherwise the Fullscreen Slider works perfectly for what I would like to do!

    All plugins and laytheme are up to date and i turned of all custom code. It's still happening.

    Can someone please help me with this? Or let me know if it is not possible to solve this with custom code?

    Thanks, Benjamin

    1 Reply Last reply
    0
    • arminunruhA Offline
      arminunruhA Offline
      arminunruh
      Global Moderator
      wrote on last edited by
      #2

      I see!

      when you update lay theme in like an hour, now the "layers" window will always be available for every element

      you may want to try to drag and drop the layers so they have the correct zIndices

      Screenshot 2023-06-19 at 22.13.41.png

      if that doesnt work can you please post a link?

      B 2 Replies Last reply
      0
      • arminunruhA arminunruh

        I see!

        when you update lay theme in like an hour, now the "layers" window will always be available for every element

        you may want to try to drag and drop the layers so they have the correct zIndices

        Screenshot 2023-06-19 at 22.13.41.png

        if that doesnt work can you please post a link?

        B Offline
        B Offline
        benni
        wrote on last edited by
        #3

        @arminunruh Hey Armin, thank you!
        It seems to be a Safari problem πŸ˜•
        I updated and it's working in Chrome and Firefox but in Safari it's still happening.
        To be honest, I don't remember in which browsers I checked before I posted the problem πŸ₯΄ Might always just have been a problem in Safari.
        I made a little example page with two slides…
        http://benjaminsickel.de/fullscreen-slider/

        1 Reply Last reply
        0
        • arminunruhA arminunruh

          I see!

          when you update lay theme in like an hour, now the "layers" window will always be available for every element

          you may want to try to drag and drop the layers so they have the correct zIndices

          Screenshot 2023-06-19 at 22.13.41.png

          if that doesnt work can you please post a link?

          B Offline
          B Offline
          benni
          wrote on last edited by
          #4

          @arminunruh did you find the time to look at the example?

          1 Reply Last reply
          0
          • arminunruhA Offline
            arminunruhA Offline
            arminunruh
            Global Moderator
            wrote on last edited by
            #5
            This post is deleted!
            1 Reply Last reply
            0
            • arminunruhA Offline
              arminunruhA Offline
              arminunruh
              Global Moderator
              wrote on last edited by
              #6

              mh seems to be an issue with safari itself not respecting z-indices

              use this css, which is a hack to make it work:

              .col.type-text{
              transform: translate3d(0,0,0);
              }

              lmk if that works for you

              1 Reply Last reply
              0
              • B Offline
                B Offline
                benni
                wrote on last edited by
                #7

                Hey @arminunruh , thanks a lot!
                The hack you suggested worked :)
                Even better, I just did the most recent update and now it also works without the hack.
                Did you work on that issue for the newest lay theme update or is it a coincidence?

                1 Reply Last reply
                0
                Reply
                • Reply as topic
                Log in to reply
                • Oldest to Newest
                • Newest to Oldest
                • Most Votes


                I also code custom websites or custom Lay features.
                πŸ’Ώ Email me here: πŸ’Ώ
                info@laytheme.com

                Before you post:
                1. When using a WordPress Cache plugin, disable it or clear your cache.
                2. Update Lay Theme and all Lay Theme Addons
                3. Disable all Plugins
                4. Go to Lay Options β†’ Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                This often solves issues you might run into

                When you post:
                1. Post a link to where the problem is
                2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                Online Users
                L
                luziaconzeta
                Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                laytheme.com
                • Login

                • Don't have an account? Register

                • Login or register to search.
                • First post
                  Last post
                0
                • Recent
                • Tags
                • Popular
                • Users
                • Search