overflow
-
Hello! I am facing a problem with a custom CSS code for disabling overflow also causing that whenever a project is opened the scroll is not reset. This is the website: www.vasak.sk
What I am trying to do is that the website doesn't overflow anywhere, the overlay stays scrollable on mobile and whenever a project is opened, the scroll is reset so that it starts from the top.
The part of the CSS code I think is causing the problem:
html, body {
overscroll-behavior: none;
}html, body {
overflow: auto;
height: 100%;
}.overlay-open html, .overlay-open body {
overflow: hidden !important;
height: 100% !important;
}.text-overlay-close {
overflow-y: auto !important;
max-height: 100vh !important;
}If there is is anyone that is able to help me with this issue I would be very thankful.
-
arminunruh Global Moderatorwrote on Feb 10, 2025, 6:54 PM last edited by arminunruh Feb 10, 2025, 1:54 PM
can you only use this css:
html, body {
overscroll-behavior: none;
}and delete the other css?
why do u even need this css?
why don't you use the default behaviour, what is wrong with it?
maybe you can make a video to show what you dont like about the default behaviour?when u open the project overlay and scroll, does it not work well enough without custom css?
make sure in lay options you have this setting disabled (its at the bottom):
1/2
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