Ok, how famiiar are you with HTML?
If you aren’t that’s fine. Do you know how to find the class or tag of those drop down items? I can walk you through it if you need me to. That will be the first step.
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.