Re: Menu problem on mobile

PAUL8 · ‎06-12-2025

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 ?

My website is womber.fr and password is PROPAGANDAAA

Cordially,

BiDeal-Discount · ‎06-12-2025

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;
}

- Helpful? Like & Accept solution! ☕ Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp

View solution in original post

BiDeal-Discount · ‎06-12-2025

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;
}

- Helpful? Like & Accept solution! ☕ Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp

tim · ‎06-12-2025

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 <html> tag, the one like https://github.com/Shopify/dawn/blob/release/11.0.0-rc/layout/theme.liquid#L2 -- probably overwritten when the <style> element was pasted.

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

If you add back the <html class="no-js" lang="{{ request.locale.iso_code }}">, 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.

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com