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
4049 468 666

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
4049 468 666

@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
3391 397 784

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. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | 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
3391 397 784

@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. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | 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
3391 397 784

@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. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
suyash1
Shopify Partner
4049 468 666

@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
4049 468 666

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