Find many solutions in the forum No way to succeed
<style> html:has(.menu-opening){ overflow:hidden } </style>
Attached video
Topic summary
A user is experiencing issues with vertical scrolling when opening a mobile menu on their Shopify site. Despite searching through forum solutions, they haven’t found a working fix.
Attempted Solution:
They tried implementing CSS code to prevent scrolling:
- Added
overflow:hiddento the HTML element when the menu is open - Used the selector
html:has(.menu-opening)
Current Status:
The issue remains unresolved. The discussion appears to be seeking additional troubleshooting help, as the standard CSS approach for preventing background scroll during menu overlay hasn’t worked in their case. An attached screenshot likely shows the problematic behavior, though the specific details of the menu sticking issue aren’t fully described.