Why isn't my online store menu opening on mobile devices?

[raphingrace]

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

[Laza_Binaery · Accepted solution]

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.

[raphingrace]

Please I don't find 

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

in my main.css

[Laza_Binaery]

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.

[raphingrace]

I've tried but it doesn't work. 

As you can see on my shop: 

Madeingrace.com 

[raphingrace]

You said you'll recommend to me right now and i accepted

[Laza_Binaery]

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.

[raphingrace]

It worked now. Thank a lot 

[raphingrace]

Yes please

[raphingrace]

Ok i've tried a lot but it didn't work