How to change a sticky header color

Solved
RomanStupka
Tourist
3 1 3

Hello,

 

I was wondering how can i change sticky header color to black and accoringly the icons (menu icon to black and its background to white, language text (EN) to white, SHOP text to black and its background to white and the cart icon to white?

I would be able to change it in css code of the site, but i used to work with wordpress, where the code is much simpler and i know where to find it unlike here on this site. 

The website: https://www.skiskates.com 

Thank you in advance for your advice.

KetanKumar
Shopify Partner
14401 1672 5182

This is an accepted solution.

@RomanStupka 

thanks for post 

can you please try this

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.site-header--opening {
background: red; /* change color as you like */
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
RomanStupka
Tourist
3 1 3

Hello,

 

thank you, it worked for the background color of the sticky header. Is there a way to change color of the mentioned items in the customization menu or is it have to be done with code as well?

 

Thank you in advance.

KetanKumar
Shopify Partner
14401 1672 5182

@RomanStupka 

Yes, it's depend on your bg color

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
RomanStupka
Tourist
3 1 3

This is an accepted solution.

Hello,

managed to change most, but one last i do not know how. 

RomanStupka_0-1611753042140.png

and that being the language text (EN) next to the flag.

RomanStupka_1-1611753081085.png

Your help is much appreciated.

KetanKumar
Shopify Partner
14401 1672 5182

@RomanStupka 

Thanks for the update and support.

 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes