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. overlay menu offset in safari

overlay menu offset in safari

Scheduled Pinned Locked Moved Bug Reports
6 Posts 2 Posters 46 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.
  • A Offline
    A Offline
    Aladin
    wrote on last edited by
    #1

    We're using the overlay menu on our desktop version and got a bug on the way its shown in safari.
    In chrome the lines perfectly align with the index lines (62px height) in safari it appears 1px off.

    Bildschirm­foto 2024-11-18 um 12.24.22.png
    Bildschirm­foto 2024-11-18 um 12.23.53.png

    @arminunruh do you have an idea how to fix this?

    Thats the link to the homepage.
    finelinesmarketing.com

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

      Screenshot 2024-11-19 at 17.59.42.png

      i just see this

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

        ah u mean on this page:
        https://finelinesmarketing.com/cases/

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

          Screenshot 2024-11-19 at 18.00.31.png

          on chrome i see an offset too

          i mean if you use the chrome developer tools u will see
          a line on the page is 61.95pixels. and a line on the overlay is 61px.
          the .lay-projectindex-row div is even 62px
          Screenshot 2024-11-19 at 18.01.15.png

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

            try this css:

            .lay-projectindex-row{
            box-sizing: border-box!important;
            height: 63px!important;
            }
            

            now make sure for the overlay, you set the min-height css right.
            every second row, that is not a row that contains just a horizontal line, should be 62px height:
            Screenshot 2024-11-19 at 18.06.36.png

            except the first one: 61px;

            and please check, sometimes u have set one div to 62px i think and the other child divs to 61px min height:
            Screenshot 2024-11-19 at 18.09.03.png

            i think they should all be 62. maybe its enough, if the innermost one just has 62px

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

              ah probably you set this with right click on row, custom row height.
              then you can just set it to 62px. and the first one to 61px.

              probably it was me who changed one value to 62 and left the others at 61px :D so you can dismiss my last sentences :D

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