How can I adjust the left header margin in the Dawn theme?

Store Design

Topic summary

A user wants to adjust the Dawn theme header to align the menu and logo further left to match their slideshow layout.

Proposed Solution:

  • Add CSS code to the base.css file (in assets folder):
    .header.page-width{max-width:none!important;}
  • This removes the maximum width constraint on the header
  • A screenshot demonstrates the expected result after applying the code

Current Status:

  • Another user reports the same issue and attempted the solution
  • The CSS code did not work for them when added to base.css
  • The thread remains open with an unresolved implementation problem
Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

I’d like to move my menu and logo over further to the left side of the screen so it aligns better with my slideshow. Where can I make this change?

www.remisae.com

Thanks!

2

Hi @RemisAE

You can below css code in your base.css file under assets folder.

.header.page-width{max-width:none!important;}

once you add this code at bottom of your base.css you menu will look like this

main menu.png
main menu.png2535×1041 292 KB

Best Regards,

Parth bhut

1 Like
3

Hi I have the same problem.

Here is the site link. Want to remove the left and right side margin of the header. Pasted this code at the bottom of the Base.css file. but didn’t work.