Looking to center the top menu links in Dawn 15.0. Thanks!
Topic summary
A user seeks to center the top menu links in Shopify’s Dawn 15.0 theme. Multiple developers provide CSS solutions with similar approaches:
Common Solution Steps:
- Access Online Store → Theme → Edit code
- Locate either
base.cssortheme.liquidfile - Insert CSS code to center the header menu
Key CSS Properties Used:
justify-content: centerorspace-betweenalign-items: centerdisplay: flex- Media query targeting screens min-width 990px
Code Placement Varies:
- Some suggest adding to
base.cssfile bottom - Others recommend inserting in
theme.liquidbefore</head>or</body>tags
All respondents include screenshots showing expected results. The original poster follows up requesting additional code to center a homepage title, indicating the initial menu centering question may be resolved but a new related request has emerged.
Hi @crosbyaudio
This is Amelia 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.header {
grid-template-columns: auto !important;!i;!;
justify-content: space-between;
}
Hope that my solution works for you.
Best regards,
Amelia | PageFly
Hi @crosbyaudio
check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “theme. Liquid” file. Find the tag and paste the code below before the tag.
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Hello @crosbyaudio
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
- Here is the solution for you @crosbyaudio
- Please follow these steps:
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- In theme.liquid, paste the below code before and press ‘Save’ to save it
- Here is the result you will achieve:
- Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
Hi @crosbyaudio ,
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- In theme.liquid, paste the below code before
![]()
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!




