How do i change the header colour in Dawn 6.0.2.?

Store Design
1

Hi there :slightly_smiling_face: ,

Can anybody help me figure out how to change the header colour in Dawn 6.0.2. ?
I’d like to change the background colour to a dark red: hex# 79000f with white text.

I’ve seen other solutions that involve adding code to Assets/theme.scss.liquid, but that section doesn’t exist in the 6.0.2. version of Dawn.

Any help greatly appreciated.
Thanks,
Rob

1 Like
2

Hi Kingwitty,

Thanks for the quick reply. I’m comfortable editing the code. I just need to know what code to add…and where to add it. :writing_hand: :laptop:

Thanks and Regards,
Rob

3

Hi @CSF_Robert

Can you explain what header do you mean? Maybe provide an image?

4

Hi @made4Uo

Here’s a pic of my home page highlighting the header. Green arrow points to the background colour i want to change + orange arrow to the text colour i want to change.

Regards,
Robert

Screenshot 2022-09-03 204039.jpg
Screenshot 2022-09-03 204039.jpg1306×618 79.9 KB

5

yeah sure can i offer help???

6

Hi @CSF_Robert ,

Thank you so much for the information.

You can change the color of the header using the theme editor but it has to be pre-determined by the color you already set in the settings.

  1. From your Admin store, go to Online store > Themes > Customize
  2. Click the Header on your left hand upper corner, this should open the settings on the right.

made4Uo_0-1662253206021.png
made4Uo_0-1662253206021.png3868×1387 457 KB

If you cannot achieved this by changing the theme settings

  1. From your Admin store, go to Online store > Themes > Click Actions > Edit code
  2. Open the Asset folder, and find the base.css file.
  3. Add the code below.
sticky-header.header-wrapper{
background: #79000;
}

#shopify-section-header .header__menu-item {
    color: #fff;
}
7

Thank-you @made4Uo

It worked! by making the code change you suggested.
Much appreciated. :slightly_smiling_face:
Robert