Force Hambuger Menu on Tablet vs 2 Stacking Menu Items

Store Design
, ,

Topic summary

Goal: force the navigation to use a hamburger menu at smaller window widths on the Monaco Shopify theme to avoid stacked menu items.

Technical context:

  • The hamburger menu’s behavior depends on CSS (visibility/layout) and JavaScript (initialization/toggle).
  • Theme “breakpoints” (responsive size thresholds) control when the menu switches between full navigation and hamburger.
  • If the JS initializes at all sizes, a CSS-only change at the relevant breakpoint might suffice; otherwise JS adjustments may be required.

Recent updates:

  • A helper requested theme access details and, if the storefront is password-protected, the storefront password from Online Store > Preferences (not the account password).
  • The requester shared the public Monaco theme preview (Essence style) link and asked if the actual store preview link is needed.

Next steps:

  • Identify the exact breakpoint where the menu swaps and adjust CSS/JS to enforce the hamburger at tablet widths.
  • Provide the actual store preview link (and password if applicable) for targeted guidance.

Status: unresolved; awaiting access/details to proceed.

Summarized with AI on January 8. AI used: gpt-5.
1

I’m currently on the Monaco theme and trying to force a hamburger menu to show when the window shrinks to avoid any stacking.

Wondering what the best way to do this would be.

Any help is much appriciated.

Thanks

2

The hamburger menu is likely controlled by both CSS for visual display, and JS for functionality. You may still be able to get away with just changing it visually if the javascript initializes at any screen size. Your theme likely has a bunch of different breakpoints and you’ll need to find where the swap happens to change that. If you can post your theme the community might be able to help you. Please post the password for your storefront if it’s password protected. By this, I don’t mean your account password, never post that. I mean the password found in Online Store > Preferences

3

This is the preview of the theme:

https://themes.shopify.com/themes/monaco/styles/essence/preview

Lmk if that helps or you need the actual preview link!