Header Menu Issues ( Shopify Dawn Theme )

Store Design
, , , , , , ,

Topic summary

A user needed help repositioning dropdown menu items under the “POLICIES” header in the Shopify Dawn theme. The issue was that policy-related menu items (FAQs, shipping info, privacy, etc.) were appearing left-aligned in the desktop dropdown menu instead of centered.

Problem Details:

  • Store using Dawn theme had left-aligned dropdown items
  • User wanted dropdown menus centered, matching a reference image they provided
  • Issue was specific to desktop view

Solution Provided:
A PageFly representative offered a CSS fix:

  • Add custom CSS code to theme.liquid file above the </head> tag
  • Code targets the dropdown menu alignment using CSS styling
  • Implementation requires accessing: Online Stores > Themes > More Actions > Edit code

Outcome:
The CSS solution successfully resolved the alignment issue. The thread is marked as resolved with the user confirming the fix worked.

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

Hi @dreamtechzone_5

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyRichard_0-1738718497952.png
PageFlyRichard_0-1738718497952.png1111×953 178 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly

1 Like