How can i change color of my header | debut

Solved
Highlighted
Excursionist
34 1 0

I want to change color of my header on debut theme.

0 Likes
Highlighted
Shopify Expert
3895 559 935

Hi @Embey 

Want to change bg color of header? 

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Excursionist
34 1 0

Thanks for reply, yes i want to change header background color

0 Likes
Highlighted

Hello
Add this css at bottom of
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

header.site-header.border-bottom.logo--left {
    background-color: gray;
}

Please share your site url if any help needed. 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Shopify Expert
1381 112 211

Hi @,
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

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

0 Likes
Highlighted
Shopify Expert
3895 559 935

This is an accepted solution.

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.site-header__mobile-nav,.site-header{ background-color: red;}

If you add just .site-header then you can see only color at left and right part 

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Excursionist
34 1 0

@Qualitycheck  and @oscprofessional  thank you for reply but yes its just changing left and right part of header

@Jasoliya  thank you so much for your reply and solution it work great :)

bg color.png

0 Likes
Highlighted
New Member
5 0 0

Hi @Jasoliya sorry to re-open this topic and while your solution worked great after looking at this forum for hours. I can't seem to find how to change the header text color for the DEBUT theme to white, please?

0 Likes
Highlighted
Shopify Expert
3895 559 935

You want to change header text like icon and menu color?

send me your store url

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
5 0 0
new to shopify so the store isnt' UP yet but getting there meanwhile I was
able to add the following using some of my basic skills:

/* Changing the header background color to blue. */

.site-header__mobile-nav,.site-header{ background-color: #014260;}

/*Changing the header text color to white */

.site-nav__link--active .site-nav__label {
border-bottom-color: rgba(255,255,255,0.85);
}

.site-nav__link .site-nav__label {
color: rgba(255,255,255,0.85);
}
.site-nav li a {font-weight: 600;}

which DOES give me the white text but

1. its not as BOLD as the footer (not the same boldness at leat) - I guess
'font weight' is adding 'bold' (?)
2. I use Rubik as font in the footer/body (or entier shopify site for that
matter) , I'd like the header font to be the same (I think it is but
perhaps due the font not being bold it doesnt look the same)

3. When navigating to the mobile site; i still see the black font in the
header

Please assist.

Thanks

0 Likes