How can I align header elements into one row on the Dawn theme?
Topic summary
Goal: align header elements into a single row on Shopify’s Dawn theme.
Context and attempts:
- Access requested to review the store; the store URL was shared (no password provided).
- Suggested edit 1: In Online Store > Themes > Edit code > Assets > base.css, set .header__menu-item { font-size: 18px !important; }. A screenshot was referenced.
- Suggested edit 2: In base.css, add header { padding: 0 !important; } to reduce spacing.
Results:
- The padding change did not affect the layout per the store owner’s feedback.
- The store owner later applied different code (not shared) and confirmed the header alignment issue was resolved.
Status:
- Issue resolved by the original poster using an unspecified alternative CSS solution.
- No final, shared code snippet was provided, so the exact working fix remains unknown to others following the thread.
1 Like
Hello There,
Please share your store URL and password.
So that I will check and let you know the exact solution here.
Hi There,
1 Like
Hi @bseksy
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the bottom of the file:
.header__menu-item {
font-size: 18px!important;
}
Hi @bseksy
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
header {
padding: 0 !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
1 Like
Hey,
I followed your steps and saved after, but it hasn’t changed…
just used different code and it worked now