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. Addons
  3. Overlay top right

Overlay top right

Scheduled Pinned Locked Moved Addons
13 Posts 2 Posters 225 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
    Alina
    wrote on last edited by Alina
    #3

    thank you @arminunruh very much!
    I have another problem, in an older safari (12.1) it doesn't show the scrollbars in the overlays. I tried it with this code

    .lay-overlay > .lay-content {
    max-height: 100vh;
    max-height: 100svh;
    }

    then the scrollbars appear, but it loads very slowly.
    Can you help me?

    Thank you!

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

      ah i use:

      .lay-overlay > .lay-content {
      	max-height: 100svh;
      }
      

      probably the older safari version doesn't understand 100svh

      i changed my code now to:

      .lay-overlay > .lay-content {
              max-height: 100vh;
      	max-height: 100svh;
      }
      

      this way if it doesnt know svh, it will use vh
      so with the next lay theme update you probably wont need your css

      can u post the link to the website here so i can see what runs slowly

      1 Reply Last reply
      0
      • A Offline
        A Offline
        Alina
        wrote on last edited by Alina
        #5

        I used the same code already, the scrollbar shows on the older safaris, but you can't scroll with the mouse

        https://tugba-ayaz.ch

        Thank you

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

          which safari version?
          u mean u cant scroll in an older safari version right?

          Screenshot 2024-09-12 at 14.27.43.png

          u mean in this overlay?

          1 Reply Last reply
          0
          • A Offline
            A Offline
            Alina
            wrote on last edited by
            #7

            On safari 10, 11 & 12. with the scrollbar you can scroll but not with the mouse… and without the code there isn’t even a scrollbar. There are 3 overlays, one on each button.

            Thank you for checking

            1 Reply Last reply
            0
            • A Offline
              A Offline
              Alina
              wrote on last edited by
              #8

              @arminunruh do you have an idea how to solve the problem?

              Thank you!

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

                hey sorry for the delay, was so busy working on the new lay theme feature

                i see, i can reproduce this in safari 12. safari 12 was released in 2018, often for browsers that are that old i don't test everything. but i want to make this work.

                if you add this css, does it work?

                .lay-overlay > .lay-content{
                overflow-y: scroll!important;
                }
                
                1 Reply Last reply
                0
                • arminunruhA Offline
                  arminunruhA Offline
                  arminunruh
                  Global Moderator
                  wrote on last edited by
                  #10

                  if it doesnt work:

                  can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

                  1 Reply Last reply
                  0
                  • A Offline
                    A Offline
                    Alina
                    wrote on last edited by Alina
                    #11

                    Hi there @arminunruh,

                    Were you able to look at the problem?
                    Thank you
                    Alina

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

                      hey sorry for the delay, still need to look at this more.
                      its kind of hard to find the reason why it doesnt work so i havent taken enough time yet to work on this

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

                        ok this is fixed now. i turned off the page overlay animations for safari 12 and lower and this made the overlays scrollable again

                        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
                        E
                        ersc_
                        M
                        michael_vvc
                        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