Shopify themes, liquid, logos, and UX
I want the logo on my header to change to #900c3f when hover, is that possible?
Solved! Go to the solution
This is an accepted solution.
Hi @Gustavo1105
You have to upload the 2 logos and call them into the header.liquid file.
using css you can show second logo on hover.
If needed any help from my end please let me know.
Thanks
Dbuglab
This is an accepted solution.
Hi @Gustavo1105
You have to upload the 2 logos and call them into the header.liquid file.
using css you can show second logo on hover.
If needed any help from my end please let me know.
Thanks
Dbuglab
Hello there,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:
.header__icon .icon:hover {
color: #900c3f;
}
.header__heading-logo {
filter: grayscale(100%);
transition: filter 0.3s, color 0.3s;
}
.header__heading-logo:hover {
filter: none;
color: #900c3f;
}
Hello
I am using Monaco theme.
How do I change the header logo on hover?
I have an overlay header.
Which is only stick when scrolling up.
Despite it being overlay, when I am full scrolled up in idle mode (not scrolling) and I hover on my transparent overlay header, a white header background appears - which I don't necessarily want.
But if it has to stay, then I would like the logo to change to black colour so that you can see it (I have the logo saved in my files really to be called into the theme code).
Thanks for your time 🙂
https://londonfermentary.myshopify.com/
Password: transfer
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025