Change Theme Header Background Colour – Modular Theme

Solved
JohnathanC
Tourist
14 0 2

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 

Accepted Solution (1)

Accepted Solutions
suyash1
Shopify Partner
3688 407 606

This is an accepted solution.

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

 

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

.header--has-scrolled{background-color: #fff;}
You are welcome to contact me, my email - suyash.patankar@gmail.com
My timezone is GMT+5:30

View solution in original post

Replies 11 (11)
suyash1
Shopify Partner
3688 407 606

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

You are welcome to contact me, my email - suyash.patankar@gmail.com
My timezone is GMT+5:30
Zworthkey
Shopify Partner
2533 299 633

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

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
JohnathanC
Tourist
14 0 2

Hi Suyash
Thanks for your help

https://naitre.com

Pasword: gridlock

Zworthkey
Shopify Partner
2533 299 633

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

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
JohnathanC
Tourist
14 0 2

Hi Zworthkey

Thanks for your help

I just wanted a white colour: #ffffff

Zworthkey
Shopify Partner
2533 299 633

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

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
suyash1
Shopify Partner
3688 407 606

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

You are welcome to contact me, my email - suyash.patankar@gmail.com
My timezone is GMT+5:30
JohnathanC
Tourist
14 0 2

Hi @suyash1 

Thanks for the reply

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

 

suyash1
Shopify Partner
3688 407 606

This is an accepted solution.

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

 

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

.header--has-scrolled{background-color: #fff;}
You are welcome to contact me, my email - suyash.patankar@gmail.com
My timezone is GMT+5:30

View solution in original post