jev/opensem
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: enable scrolling in mobile navigation menu

Browse Source 
The mobile category menu (``#navbarContentMobile``) could not scroll
when its content exceeded the viewport height, because no overflow
or height constraint was set on the collapse container.

Add ``max-height: calc(100vh - 60px)``, ``overflow-y: auto`` and
``-webkit-overflow-scrolling: touch`` to allow touch-scrolling
through the full category list on mobile devices.
This commit is contained in:
Valentin Lab
2026-02-09 09:12:07 +01:00
parent 1bf920c123
commit b763915211
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
resources/shop/css/site.css
View File

@@ -397,6 +397,11 @@ div.megamenu ul.megamenu li.megamenu.level1
} }
@media (max-width: 991.98px){ @media (max-width: 991.98px){
#navbarContentMobile {
max-height: calc(100vh - 60px);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
#navbarContentMobile .navbar-nav { #navbarContentMobile .navbar-nav {
flex-direction: column; flex-direction: column;
} }