A user is experiencing a header menu alignment issue in Shopify’s Dawn theme. The “POLICIES” dropdown menu items are appearing on the left side in desktop mode, but they want them positioned differently (as shown in their reference image).
Two solutions were provided:
CSS code injection - Add custom CSS code to the theme.liquid file above the </head> tag. The code targets the header menu styling to adjust positioning.
Theme settings adjustment - Navigate to: Store Admin → Sales Channels → Online Store → Themes → Customize → Header → Desktop menu type, then change the setting to “Dropdown”.
The second solution appears simpler as it uses built-in theme settings rather than custom code. Both responses include screenshots demonstrating the implementation steps. The issue remains open with no confirmation from the original poster about which solution worked.
Hello Everyone!
I want to keep the menus under “POLICIES” like the below image. When I click on the policies menu, the menus will look like the below image in desktop mode. Now the policies menus are showing on the left side. I don’t want to keep it like this.Please help me. Thank you.
Store: https://dream-candle-lights.myshopify.com/
Password: Admin
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
Hope this can help you solve the issue
Best regards,
Richard | PageFly
You can do that by changing the settings of Header in store admin > Sales channels > Online Store > Themes > Customize > Header > Desktop menu type > Dropdown
