Menu problem on mobile

Store Design
, ,
1

Hello,

I have a problem with my menu on my website, because the menu is not showing up on mobile. Can you please help me to fixe this ?

PAUL8_0-1749719560497.jpeg
PAUL8_0-1749719560497.jpeg184Ă—400 10.4 KB

My website is womber.fr and password is PROPAGANDAAA

Cordially,

2

Hi @PAUL8

let try to add this custom CSS code to the end of your base.css file:

details.menu-drawer-container.menu-opening .menu-drawer {
  visibility: visible;
  transform: translate(0);
  height: 100dvh;
}
1 Like
3

Actually, while this solution works, it does not fix the problem, it fixes the symptom.

And the problem is that your layout/theme.liquid misses the tag, the one like https://github.com/Shopify/dawn/blob/release/11.0.0-rc/layout/theme.liquid#L2 – probably overwritten when the element was pasted.

Because of this there is a bunch of CSS code which does not work as intended.

If you add back the , you’d be able to undo the “solution” code because theme own CSS will work fine.

Also, there is a countdown JS code which can’t find the countdown element and floods console with errors – probably should be removed as well.