A Shopify store owner reported that their mobile menu wasn’t opening when clicking the menu icon in the upper left corner, despite spending 3+ hours troubleshooting.
Solution provided:
main.css file in the assets folder via “Edit code”.main-menu__disclosure .is-open>.main-menu__content.main-menu__disclosure.is-open>.main-menu__content and add visibility: visible;Resolution process:
The helper also cautioned against “experts” offering help outside the forum rather than providing direct assistance in the thread.
Hey there! I have an issue with the online store that I recently built. The entire menu isn’t working on mobile devices. After clicking on the menu icon at the upper left corner - nothing opens. I spent over 3 hours trying to fix that myself, but unfortunately, nothing worked.
My online store link is: madeingrace.com
Thanks
Hi @raphingrace
Welcome to the community.
Try to make the following change in your main.css file in the assets folder. You can get there by choosing Edit code for your live theme.
Find :
.main-menu__disclosure.is-open>.main-menu__content {
opacity: 1;
}
and replace it with
.main-menu__disclosure.is-open>.main-menu__content {
opacity: 1;
visibility: visible;
}
That should fix it.
Please I don’t find
.main-menu__disclosure.is-open>.main-menu__content { opacity: 1; }
in my main.css
Try to search first for “.main-menu__disclosure.is-open>.main-menu__content” or just “.main-menu__disclosure.is-open” maybe there is some extra space.
Yes please
Ok i’ve tried a lot but it didn’t work
I’ve tried but it doesn’t work.
As you can see on my shop:
You said you’ll recommend to me right now and i accepted
Hi @raphingrace
I do not see the change I suggested, but it should work. Also please be cautious with so called “experts” who do not want to help here directly.
It worked now. Thank a lot
