How to change the header menu color on Dawn theme?

Store Design
,

Topic summary

A user wants to modify the Dawn theme’s header menu color without affecting the entire header. They successfully changed the menu background color using CSS code in base.css:

.header__inline-menu{
  background:#ffffff;
}

Current Issue:

  • The menu color change works, but the user wants to expand it to full page width
  • They provided before/after images showing the current limited width versus their desired full-width appearance

Resolution Status:
A support representative reviewed the store but found the header structure too complex to provide a quick solution. They recommended:

  • Contacting the theme provider directly
  • Hiring a Shopify Expert for customization assistance

The discussion remains unresolved with no specific technical solution provided.

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

Hi, I am currently using the Dawn theme and I want to change the header menu color. Just the menu section of the header, not the whole header itself.

I added this piece of code in Assets > Base.css, which made the menu the color I wanted.

.header__inline-menu{
background:#ffffff;
}

Is there a way to expand the menu to be full paged? Any help would be much appreciated.

This is how it looks now.

Snimka zaslona 2023-03-05 121720.jpg
Snimka zaslona 2023-03-05 121720.jpg1891×217 23.2 KB

This is how I would like it to look like.

Snimka zaslona 2023-03-05 121720 – kopija.jpg
Snimka zaslona 2023-03-05 121720 – kopija.jpg1891×217 23.8 KB

1 Like
2

Hi @Boky

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

3

Thanks for the fast response. I’ve sent you a PM.

4

Hi @Boky

We have checked on your store, but the header element is quite complicated. So we suggest you find a Shopify Expert or contact the theme provider to support you.