When you go to ecoperiod.pl on mobile and click on the menu button a empty slider opens.
I imported this theme and the issue was already there.
Can anyone help please?
Topic summary
Mobile navigation on ecoperiod.pl opened an empty sliding panel on phones; the issue existed in an imported theme. A screenshot was provided showing the blank menu drawer.
Resolution (confirmed by OP): add CSS in theme.liquid just above to force the off‑canvas menu drawer to appear on small screens.
- Scope: only on mobile (max-width: 767px)
- Fixes:
- div#menu-drawer { height: 100vh !important; }
- .menu-open div#menu-drawer { transform: translate(0%) !important; visibility: visible !important; }
Outcome: Applying the CSS makes the menu drawer visible and correctly slide in when the menu is opened on mobile. No further issues or open questions; thread resolved.
Found the solution:
theme.liquid > find at the bottom of the code > put this code above :
@media screen and (max-width: 767px) { div#menu-drawer { height: 100vh!important; } .menu-open div#menu-drawer { transform: translate(0%)!important; visibility: visible!important; } }