Change breakpoint for mobile menu / Horizon theme

Store Design

Topic summary

A user seeks help modifying the mobile menu breakpoint in the Horizon theme to 1024px, causing the hamburger menu to appear on tablets instead of only on smaller mobile devices.

Current Status:

  • The user is not a developer and requests step-by-step guidance
  • Specifically needs to identify which file to edit for this change

Community Response:

  • Multiple community members have offered assistance
  • All responders are requesting the store URL to provide accurate CSS solutions with media queries
  • One helper also asks for the password if the store is password-protected

Resolution Status: Ongoing - awaiting store details from the original poster before specific technical guidance can be provided.

Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone,

I struggle finding the finding the right file to change the breakpoint for my main menu. I like to set its to 1024px, so the hamburger will appear already on tablets. Can someone give me a hint, please? I am not a developer, so please advise step-by-step, Thanks :slight_smile:

1 Like
3

Hello @Teekay99 ,

I hope you are well!

Can you please share the store URL? It will be helpful for us to provide the correct CSS with media queries, which will show the hamburger menu on tablets.

4

Hi @Teekay99
Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

5

@Teekay99 can you please share your website link?