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. project overlay changes main site scale

project overlay changes main site scale

Scheduled Pinned Locked Moved General Discussion
7 Posts 2 Posters 172 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.
  • S Offline
    S Offline
    Sebaster
    wrote on last edited by Sebaster
    #1

    Hello,
    when i use the project overlay feature - which is really a great option - there is a strange scale effect of the main page when opening and closing the overlay. In your example video it all looks pretty smooth, here it wobbles back and forth a bit unattractively... Is there a way to fix this?

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

      is there a scrollbar to the right that appears and disappears and that makes it move around?

      are u on mac or windows, which browser do u use?

      1 Reply Last reply
      0
      • S Offline
        S Offline
        Sebaster
        wrote on last edited by
        #3

        Yes, there is a scrollbar, wich disapears when I open the project overlay, you can see it here: https://rm.metagebirge.de. I'm on a mac (MacOS 13.7) and it happens in Firefox and Safari.

        1 Reply Last reply
        0
        • S Offline
          S Offline
          Sebaster
          wrote on last edited by
          #4

          It looks like opening the project overlay changes the overflow-y setting for the html element from "scroll" to "hidden". This is causing the main site to scale to full width when opening the overlay. Is it possible to change that somehow?

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

            in lay options → custom css & html

            in custom css, can you add:

            html, body{
              scrollbar-width: thin;
            }
            

            that makes scrollbars thinner so this jumping could be less noticable

            instead of this css you can also use

            html::-webkit-scrollbar {
              display: none;
            }
            

            to hide scrollbars altogether

            or instead of this css use

            html::-webkit-scrollbar {
              width: 5px;
              background-color: white;
            }
            html::-webkit-scrollbar-thumb {
              background: #ccc;
            }
            

            this is another way of making the scrollbar smaller, 5px in this case, which would lead to a less noticeable jump.

            maybe you can change width: 5px; to even width: 2px; to make it even smaller

            please also notice that if you have this mac setting enabled
            https://support.wix.com/en/article/mac-users-unable-to-see-scroll-bar-in-the-editor

            that says "always show" only then will you have this jump i think

            i have it set to "when scrolling":
            Screenshot 2024-10-30 at 13.21.35.png

            with "when scrolling" active, i dont have this jump

            i need to set the body/html to overflow hidden, otherwise the background would still be scrollable

            1 Reply Last reply
            0
            • S Offline
              S Offline
              Sebaster
              wrote on last edited by
              #6

              Hello Armin, thank you for your quick support.
              I hadn't yet tested the last update 7.46 in this regard, but according to the description there was an adjustment from you.
              However, I have now adapted my page and menu structure so that it works well even without project overlays.

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

                ok nice. yea i changed the code a little so it would jiggle around less

                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