How can I alter the color of a sticky header and its icons?

Store Design
1

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.

1 Like
2

@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 */
}
1 Like
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.

1 Like
4

@RomanStupka

Yes, it’s depend on your bg color

5

Hello,

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

RomanStupka_0-1611753042140.png
RomanStupka_0-1611753042140.png2724×254 295 KB

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

RomanStupka_1-1611753081085.png
RomanStupka_1-1611753081085.png1442×108 12.4 KB

Your help is much appreciated.

1 Like
6

@RomanStupka

Thanks for the update and support.