How to fix my menu width to one row not 2

Topic summary

A store owner asked how to prevent menu items (like “Waterproof Jewelry”) from wrapping into two rows. They included a screenshot showing the issue.

Solution provided:

  • Reduce font size and padding of menu items
  • Custom CSS code was offered after the store URL was shared
  • Code should be added to the theme.liquid file after the <head> tag via Online Store > Themes > Edit code

Outcome:
The issue was resolved. The original poster thanked the helper for the solution.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.

How do I make these single row instead of wrapping the text? Ex: Waterproof Jewelry

Reduce font size

Hi @SheSellsGifts

You can reduce the padding and font size of your menus. If you don’t know how, please share your store URL so I can provide the code.

bf7984.myshopify.com

Please add this code to theme.liquid file, after in Online Store > Themes > Edit code


Thank you!

1 Like

Very welcome!