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.