Hi guys, above is my page. I'd like to make the logo on the header hover to another image (the same size image just in another color, black and white) I have both images as jpgs ready, I just am not sure how to edit this in the theme.
I have successfully added hover over product images, but this seems harder as I don't know where to look for the logo css.
Thanks for reading!
You may find the CSS in either theme.scss.liquid or timber.scss If you need support you may send DM
It would require advanced Liquid/CSS knowledge to implement this feature, I'm afraid that unfortunately there is no simple copy-paste solution otherwise I'd happily guide you through.
Basically you'd need to:
1. Code an area in the customize page to choose a "hover logo image"
2. detect the hovering via CSS
3. Hide the image on hover and show the newly coded one on
In case you're unfamiliar with these technologies you'll likely need to hire a Shopify developer to assist you.
If it is of your wish, I present myself available to help you.
I've been hired by 25+ people from this very forum, you can read their recommendations about my work clicking here.