Header changing color & adding info

AmberWilkinson · ‎10-17-2024

I am trying to stop my header changing colors when the menu is clicked and also would like to add my email address to the header

Homepage is https://deadsetthreads.com.au/

JasmeetVT14313 · ‎10-17-2024

Hello @AmberWilkinson

Add below code to end of theme.css file

store-header.header.is-filled .header__logo-image {
    filter: invert(1);
}

If you need further assistance feel free to reach out.
If you find this information useful, a Like would be greatly appreciated. And If this resolves your issue, kindly hit Like and mark it as the Solution! Thank you!

- VTN Customer Dashboard enhances your customer's dashboard with advanced features, profile management, and order tracking. Free trial available.
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com

View solution in original post

Dan-From-Ryviu · ‎10-17-2024

Hi @AmberWilkinson

You can add this code to theme.liquid file, after <head> in Online Store > Themes > Edit code

{% if template == 'index' %}
{% else %}
<style>
.header__logo-image {
    filter: invert(1);
}
</style>
{% endif %}

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

AmberWilkinson · ‎10-17-2024

I have tried this and it didnt work

Dan-From-Ryviu · ‎10-17-2024

Can you show me where did you add the code?

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

GTLOfficial · ‎10-17-2024

Hello @AmberWilkinson -------> 1) to stop header changing colors when the menu is clicked.

Go to online store ----> themes ----> actions ----> edit code ---->theme.css
add this code at the end of the file and save.

@media screen and (pointer: fine) {
.link-faded-reverse:hover {
opacity: unset;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

AmberWilkinson · ‎10-17-2024

Nope that doesnt work either

JasmeetVT14313 · ‎10-17-2024

Hello @AmberWilkinson

Add below code to end of theme.css file

store-header.header.is-filled .header__logo-image {
    filter: invert(1);
}

If you need further assistance feel free to reach out.
If you find this information useful, a Like would be greatly appreciated. And If this resolves your issue, kindly hit Like and mark it as the Solution! Thank you!

- VTN Customer Dashboard enhances your customer's dashboard with advanced features, profile management, and order tracking. Free trial available.
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com

AmberWilkinson · ‎10-17-2024

Thank you!

Header changing color & adding info

Header changing color & adding info

Community Blog Articles