Dawn theme - how to left-align items in drop-down menu

Shopify Discussion

Topic summary

A user is experiencing alignment issues with their Dawn theme dropdown menu, where multi-line text items are center-aligned instead of left-aligned. They’ve provided a screenshot showing the current centered appearance.

Proposed Solutions:

  • Apply text-align: left to the text element
  • Alternatively, use display: flex with justify-content: flex-start

Status: Two community members have offered to provide specific CSS code once the store URL is shared. The discussion remains open, awaiting the store link to deliver a tailored solution.

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

Can someone please give me the code that can left-align my drop-down menu items? It currently looks like this (it centres the words that spans over 2 lines - I want everything left aligned):

smarthomelife_0-1740483653388.png
smarthomelife_0-1740483653388.png336×261 20.3 KB

1 Like
2

Hi, please share your store’s URL and I’ll tell you exactly what to do. But generally, try to use text-align: left on the text element, or add display: flex and justify-content: flex-start.

3

Hi @smarthomelife

Please, share your store URL. THanks!