Dawn Theme- Increase the width of the dropdown menu

Shopify Discussion

Topic summary

A user needed help increasing the width of dropdown menus on their Shopify store using the Dawn theme.

Solutions Provided:

Two approaches were offered:

  1. Custom CSS via Theme Customizer: Add CSS code through Online Store → Customize → Settings → Custom CSS to modify .header__submenu.header__menu-item with white-space: nowrap

  2. Direct Theme File Edit: Navigate to Online Store → Themes → Edit Code, locate the base.css file, and add CSS targeting .header__submenu.list-menu with a custom width value (example: width: 250px)

Outcome:

The issue was resolved successfully. The user confirmed the solution worked, and the discussion was marked as resolved.

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

You’re welcome! :blush: