How can I customize my Dawn theme header to move the menu?

Topic summary

A user seeks help customizing the Dawn theme header to relocate the navigation menu from its current center position to the left side, next to the Account button.

Current Issue:

  • Menu is centered in the header
  • User wants it positioned on the left, adjacent to the Account button
  • An image shows the desired layout with the menu moved left

Proposed Solution:

  • Another user provided a CSS code snippet as a partial solution
  • The code centers the menu using flexbox properties (display: flex and justify-content: space-between)
  • However, this approach doesn’t fully achieve the requested left alignment

Status: The discussion remains open, as the CSS solution offered doesn’t completely meet the original requirement of moving the menu all the way to the left.

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

Hello!

I need help to customize my header on Dawn Theme.

This is my header and what I need is to move the Menu (RED) to the left, aside to the Account button.

I want something like this:

This is the link:

My Store

Thank You!

I wasn’t able to get it to move all the way to the right, but I was able to center it with just CSS:

header.header.header--middle-left.header--mobile-center.page-width.header--has-menu.header--has-account {
    display: flex;
    justify-content: space-between;
}