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. Scrollbar overlaps content since update to 2.5.0

Scrollbar overlaps content since update to 2.5.0

Scheduled Pinned Locked Moved Bug Reports
9 Posts 4 Posters 771 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.
  • L Offline
    L Offline
    lrm
    wrote on last edited by lrm
    #1

    Hello,

    During updating my page i just recognized that since the Update to version 2.5.0 the scrollbar overlaps the content (on Windows, Chrome & Firefox). Since my layout works with a frame around the project thumbnails it would be cool to have the posibillit to shift the whole page content to the left according to the width of the scrollbar - like before.

    Thanks a lot!

    https://lrm.world

    0_1522158396030_2018-03-27 15_43_07-lrm.png

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

      Hi @ko5mo
      thats a difficult one.
      The scrollbars are made by the browsers. The newer browsers just put them on top.

      You can just hide the whole scrollbar. People will understand they can scroll down, right?

      Best!

      Marius

      www.mariusjopen.world

      1 Reply Last reply
      0
      • L Offline
        L Offline
        lrm
        wrote on last edited by
        #3

        Hi Marius, with version 2.4.2 everything worked fine. The whole content of the page was shifted left next to the scrollbar. If there is any other possibility i would like to keep the scrollbar.

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

          Hi @ko5mo
          We will have a look.

          Thank you and have a good day!

          Marius

          www.mariusjopen.world

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

            hey

            We switched from using % values in the frontend for the widths to using vw. We did that to make width calculations easier for elements inside the stack element.

            Seems that 100vw actually includes the scrollbar, duh.

            We should probably reverse back to using %

            L 1 Reply Last reply
            0
            • arminunruhA arminunruh

              hey

              We switched from using % values in the frontend for the widths to using vw. We did that to make width calculations easier for elements inside the stack element.

              Seems that 100vw actually includes the scrollbar, duh.

              We should probably reverse back to using %

              L Offline
              L Offline
              lrm
              wrote on last edited by lrm
              #6

              @arminunruh yeah, i think thats the problem... could something like this help?

              html { margin-left: calc(100vw - 100%); }

              L 1 Reply Last reply
              0
              • J Offline
                J Offline
                jlohin
                wrote on last edited by
                #7

                Any updates on resolving this issue?

                1 Reply Last reply
                0
                • L lrm

                  @arminunruh yeah, i think thats the problem... could something like this help?

                  html { margin-left: calc(100vw - 100%); }

                  L Offline
                  L Offline
                  lrm
                  wrote on last edited by lrm
                  #8

                  @ko5mo said in Scrollbar overlaps content since update to 2.5.0:

                  html { margin-left: calc(100vw - 100%); }

                  it would have to be margin-right of course and it kind of works, but since the scrollbar has a fixed width margin-right on a not so small screen becomes too big / does not scale dynamically - so unfortunately no easy fix, meh

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

                    hey please wait a little until i do the update

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