Mobile Menu Scroll Issue with Sub-Menus on My Shopify Store

[raphingrace]

Hello, I integrated a CSS fix in my asset/main.css file to make my mobile menu visible, using this code:"

css

.main-menu__disclosure.is-open > .main-menu__content { opacity: 1; visibility: visible; }

"Now, the menu appears correctly on mobile, but I have a scrolling issue when opening a sub-menu (e.g., Our Collections). The problems I encounter are:"

• When I open the sub-menu, I can't go back using the Back key; I have to close the menu entirely.
• Once the sub-menu is expanded, scrolling does not work properly; the background page scrolls instead of the menu itself.
• If I remove the sub-menu, the menu functions normally, but I need sub-menus on my store.

"How can I fix this issue so that the menu and sub-menus scroll correctly without affecting the rest of the page?"

Store URL: https://madeingrace.com/

[Guleria]

Hello @raphingrace ,

As I check I think there is a conflict in the code that's why it's not working so it's better to find the issue instead of adding another css to make it work on temporary bases. If you are not sure, try to ask the theme support or go with a developer. 

Regards
Guleria