Solved

How can I change the color of my header's top section?

sondrehille
Tourist
9 0 1

Hello, 

 

Can someone help me to change the color on the TOP of the header (where the social icons are)? See attached screenshot. 

https://anne-margrethe-art.myshopify.com/ 

Skjermbilde 2024-03-12 kl. 20.54.46.png

 

The Code I have here today is as follow. I still want the icons to be on the left side, but in white color: 

 

header#SiteHeader {
box-shadow: 0 0 1px #af9d70 !important;
}
.toolbar__content {
justify-content: flex-start !important;
}
.toolbar__item path {
color: #af9d70 !important;
}

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
6451 1547 1918

This is an accepted solution.

Hi @sondrehille 

I just like to clarify, youy like to change the color background of the header top, and make the icons color white? Like this?

Made4uoRibe_0-1710274142014.png

This is the code.

 

.toolbar.small--hide {
    background: #af9d70;
}
.toolbar__item path {
    color: white !important;
}

 

And Save. 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.

View solution in original post

Replies 2 (2)

Made4uo-Ribe
Shopify Partner
6451 1547 1918

This is an accepted solution.

Hi @sondrehille 

I just like to clarify, youy like to change the color background of the header top, and make the icons color white? Like this?

Made4uoRibe_0-1710274142014.png

This is the code.

 

.toolbar.small--hide {
    background: #af9d70;
}
.toolbar__item path {
    color: white !important;
}

 

And Save. 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
sondrehille
Tourist
9 0 1

Wow - thank you so much! It worked 🙂