Thank you so much!!! It works perfectly!!!
Topic summary
Main issue: After hiding the mobile “hamburger” menu (three-line icon) in the Shopify Debut theme, the store’s single menu item also disappeared on mobile. The goal was to show the same single “Shop” menu item across desktop and mobile.
Context and inputs:
- Screenshots were shared to illustrate desktop vs. mobile behavior. The store was password-protected; URL and password were provided privately.
Solution provided:
- Add custom CSS in Assets > theme.css with a mobile media query (max-width: 768px) to adjust .mobile-nav-wrapper and .site-header and hide .mobile-nav–open. This surfaces the single menu item on mobile while keeping the hamburger hidden.
Outcome:
- The original poster confirmed the CSS fix worked perfectly.
Follow-up/related question:
- Another user on an updated theme couldn’t find theme.css. A reply suggested placing the CSS in base.css, style.css, or theme.scss.liquid instead.
Status:
- Original issue resolved. A secondary question about the correct CSS file in newer themes remains general guidance (use the main CSS file present).