Center top menu links in Dawn 15.0

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.css or theme.liquid file
  • Insert CSS code to center the header menu

Key CSS Properties Used:

  • justify-content: center or space-between
  • align-items: center
  • display: flex
  • Media query targeting screens min-width 990px

Code Placement Varies:

  • Some suggest adding to base.css file bottom
  • Others recommend inserting in theme.liquid before </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.

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

Looking to center the top menu links in Dawn 15.0. Thanks!

https://crosbyaudio.com

2 Likes

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

1 Like

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

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (min-width: 990px) { .header .header__inline-menu { display: flex !important; justify-content: center; align-items: center; } }

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:
  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. 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 ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

websensepro_0-1726758390667.png

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

Thanks. Are you able to provide code to center this title on the home page?