Re: Change Menu color on different sites

Solved

Change Menu color on different sites

ReviveShop
Explorer
49 0 26

Hello, I wanna keep the top menu color white on the homepage but black everywhere else, including the cart icon. Can anybody help me out?

https://luviera.store/ 

 

Password: bautso

Accepted Solution (1)

BSS-TekLabs
Shopify Partner
2350 688 806

This is an accepted solution.

- Here is the solution for you @ReviveShop 
- Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

{% unless template == 'index' %}
<style>
  .header-wrapper * {
    color: black !important;
}
#cart-icon-bubble svg path {
    fill: black !important;
}
</style>
{% endunless %}

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 4 (4)

BSS-TekLabs
Shopify Partner
2350 688 806

This is an accepted solution.

- Here is the solution for you @ReviveShop 
- Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

{% unless template == 'index' %}
<style>
  .header-wrapper * {
    color: black !important;
}
#cart-icon-bubble svg path {
    fill: black !important;
}
</style>
{% endunless %}

 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
ReviveShop
Explorer
49 0 26

It kinda worked, but there is still something weird in the middle which is causing problems, see screenshot..

adsdss.PNG

BSS-TekLabs
Shopify Partner
2350 688 806

https://luviera.store/cdn/shop/files/LUVIERA_3.png?v=1726049015&width=225

It's not a problem, it's because your logo is in png format so the color won't change, if you want to change the logo color you can try changing it to svg format

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
ReviveShop
Explorer
49 0 26

Thank you very much. But something still seems off...

sdasdss.PNG