Change Theme Header Background Colour – Modular Theme

Solved
JohnathanC
Excursionist
16 0 3

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
4029 466 663

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 @ suyash.patankar@gmail.com, My timezone is GMT+5:30, to edit shopify pages use pagefly, subscribe on youtube

View solution in original post

Replies 11 (11)
suyash1
Shopify Partner
4029 466 663

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

You are welcome to contact me @ suyash.patankar@gmail.com, My timezone is GMT+5:30, to edit shopify pages use pagefly, subscribe on youtube
Zworthkey
Shopify Partner
3330 391 776

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

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
JohnathanC
Excursionist
16 0 3

Hi Suyash
Thanks for your help

https://naitre.com

Pasword: gridlock

Zworthkey
Shopify Partner
3330 391 776

@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

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
JohnathanC
Excursionist
16 0 3

Hi Zworthkey

Thanks for your help

I just wanted a white colour: #ffffff

Zworthkey
Shopify Partner
3330 391 776

@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

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
suyash1
Shopify Partner
4029 466 663

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

You are welcome to contact me @ suyash.patankar@gmail.com, My timezone is GMT+5:30, to edit shopify pages use pagefly, subscribe on youtube
JohnathanC
Excursionist
16 0 3

Hi @suyash1 

Thanks for the reply

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

 

suyash1
Shopify Partner
4029 466 663

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 @ suyash.patankar@gmail.com, My timezone is GMT+5:30, to edit shopify pages use pagefly, subscribe on youtube

View solution in original post