Scrollbar overlaps content since update to 2.5.0
-
wrote on Mar 27, 2018, 1:46 PM last edited by lrm Mar 27, 2018, 9:50 AM
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!
-
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
-
wrote on Mar 27, 2018, 4:58 PM last edited by
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.
-
Hi @ko5mo
We will have a look.Thank you and have a good day!
Marius
-
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 %
-
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 %
wrote on Mar 30, 2018, 11:54 AM last edited by lrm Apr 3, 2018, 6:25 AM@arminunruh yeah, i think thats the problem... could something like this help?
html { margin-left: calc(100vw - 100%); }
-
wrote on Apr 2, 2018, 10:19 PM last edited by
Any updates on resolving this issue?
-
@arminunruh yeah, i think thats the problem... could something like this help?
html { margin-left: calc(100vw - 100%); }
wrote on Apr 3, 2018, 10:24 AM last edited by lrm Apr 3, 2018, 6:53 AM@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
-
hey please wait a little until i do the update
I also code custom websites or custom Lay features.
💿 Email me here: 💿
info@laytheme.com
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- 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:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it
