Change Theme Header Background Colour – Modular Theme

Store Design
1

Hi

I’d like to have a different header colour to my main body colour – I could do this with Broadcast Theme but I don’t seem to be able to do it with Modular, I can only change Body Background Colour. Does anyone know a way of doing this.

Many thanks

John

2

@JohnathanC - we will need custom css for it, please share your website link

1 Like
3

hii, @JohnathanC
KIndly share your store URL so,
I can solve it.
Thank you.

1 Like
4

Hi Suyash
Thanks for your help

https://naitre.com

Pasword: gridlock

5

@JohnathanC
Which color do you want to put in the header?

6

Hi Zworthkey

Thanks for your help

I just wanted a white colour: #ffffff

7

@JohnathanC
Can you please mark which section you want to put background color?
Thank You.

8

@JohnathanC - your header is already white that is #ffffff;

9

Hi @suyash1

Thanks for the reply

My header is displaying the same colour as the body background colour which is #f9faf5

10

@JohnathanC - add the given css to the end of theme.css and check

.site-header{background-color: #fff;}

.header--has-scrolled{background-color: #fff;}
1 Like
11

Thanks @suyash1 – that is perfect.

Really appreciated!

12

@JohnathanC - welcome, do let me know if you need anything later, you have my email below

13

Hi

This thread is great, I am trying to do the same thing.

Could you just help me locate theme.css . I cant seem to find it? Is this theme.liquid?

Many thanks in advance.

14

can you please help me with this as well? none of the codes are working to change my header to a black background. I also have padding that I cannot seem to get rid of from the top.

15

@mcintyremedia - can you please share your website link? you can do it here or on my email given below