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 

0 Likes
suyash1
Shopify Partner
3484 386 564

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

Need training? I can train you to learn shopify.

You are welcome to contact me, my email - suyash.patankar@gmail.com

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. or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Buy me a coffee ☕ Donate Us
JohnathanC
Tourist
14 0 2

Hi Suyash
Thanks for your help

https://naitre.com

Pasword: gridlock

0 Likes

@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. or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Buy me a coffee ☕ Donate Us
0 Likes
JohnathanC
Tourist
14 0 2

Hi Zworthkey

Thanks for your help

I just wanted a white colour: #ffffff

0 Likes

@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. or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Buy me a coffee ☕ Donate Us
0 Likes
suyash1
Shopify Partner
3484 386 564

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

Need training? I can train you to learn shopify.

You are welcome to contact me, my email - suyash.patankar@gmail.com
0 Likes
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 

 

0 Likes
suyash1
Shopify Partner
3484 386 564

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;}
Need training? I can train you to learn shopify.

You are welcome to contact me, my email - suyash.patankar@gmail.com