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. Bug Reports
  3. Sarafi does not display fixed elements

Sarafi does not display fixed elements

Scheduled Pinned Locked Moved Bug Reports
7 Posts 2 Posters 393 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.
  • M Offline
    M Offline
    m-czyk
    wrote on last edited by
    #1

    Hello Community,

    I've created two text-elements in my footer that are fixed at the top of the page.
    It works great on Chrome, Firefox and Opera, but Safari put its under all elements.
    There was no change in setting the z-index higher or making it !important.

    An idea how to fix this?

    Example:
    https://studio-boldig.de/hochsauerland-honig
    pw: laythemeforum

    left element
    .nav-boldiglogo{
    position: fixed;
    top: 20px;
    left: 2.6%;
    z-index: 5;
    }

    right element
    .nav-boldig{
    position: fixed;
    top: 20px;
    right: 2.6%;
    z-index: 5;
    }

    best
    Marcin

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

      Dear @m-czyk
      in Safari I cannot see a difference to Chrome. Can you send a screenshot?

      Best!

      Marius

      www.mariusjopen.world

      1 Reply Last reply
      0
      • M Offline
        M Offline
        m-czyk
        wrote on last edited by
        #3

        Dear @mariusjopen
        here is the screenshot. Left -> Safari, Right -> Chrome.

        Best Marcin
        0_1549894242023_laytheme screenshot.png

        1 Reply Last reply
        0
        • mariusjopenM Offline
          mariusjopenM Offline
          mariusjopen
          Global Moderator
          wrote on last edited by
          #4

          Dear @m-czyk
          strange. Can you try to create those elements with the CUSTOM HTML?

          Best!

          Marius

          www.mariusjopen.world

          1 Reply Last reply
          0
          • M Offline
            M Offline
            m-czyk
            wrote on last edited by
            #5

            Dear @mariusjopen
            unfortunately it makes no difference. I have noticed that the same error is also on mobile apps from chrome, safari, etc.
            Unfortunately, I really do not understand why.
            Do you have an idea?

            Best Marcin

            1 Reply Last reply
            0
            • M Offline
              M Offline
              m-czyk
              wrote on last edited by
              #6

              Dear @mariusjopen
              I found a solution that worked at first glance, but thanks for the great support :)

              overflow:visible !important;
              I added some overflow to my footer id.

              best marcin

              1 Reply Last reply
              0
              • mariusjopenM Offline
                mariusjopenM Offline
                mariusjopen
                Global Moderator
                wrote on last edited by
                #7

                Dear @m-czyk
                ah. The classic overflow :-)

                Happy you found it. Thank you for sharing!

                Best!

                Marius

                www.mariusjopen.world

                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
                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