Change the navigation background color in Dawn Theme

[BChristine]

Hello,

Here is the site I am working on: https://vinylfunforeveryone.com/

I would like to change the background color of the navigation section, not the entire header. Is there a way to do this? I need it changed to this color: #E82267

[Transcy]

Hello @BChristine ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file or theme.scss.liquid file

Add this following code at the bottom of page

.your-navigation-selector {
  background-color: #E82267;
}

Replace “.your-navigation-selector” with the actual CSS selector for your navigation section

Save and preview

Hope this can help.

Transcy

[developerSP]

Hello @BChristine
please add this css Asset > base.css and paste this at the bottom of the file:-

nav.header__inline-menu {
background-color: #E82267;
}

[oscprofessional]

Hello @BChristine

You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

nav.header__inline-menu {
    background: #E82267;
}

[BChristine]

It worked, but is there a way to get the color to go across the entire header and not only the navigation?

[BChristine]

It worked, but is there a way to get the color to go across the entire header and not only the navigation?

[BChristine]

And when I change the font to white, then click on the drop-down menu, I get this: The background of the drop-down menu is white and not pink.

[BChristine]

And when I change the font to white, then click on the drop-down menu, I get this: The background of the drop-down menu is white and not pink.