Hover Over Effect on Header Logo - Minimal Theme

Highlighted
New Member
2 0 0

https://alumnivintage.myshopify.com/

 

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!

Andrew

0 Likes
Highlighted
Shopify Partner
551 67 89

@alumnivintage ,

You may find the CSS in either theme.scss.liquid or timber.scss If you need support you may send DM 

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution

Skype : lokendra.panwar1
0 Likes
Highlighted
New Member
2 0 0

Hi

Thanks for the tips. Do you know what I'm looking for? I'm not sure where I can attempt to edit this cause I'm not sure what the code will look like for the logo image

0 Likes
Highlighted
Astronaut
1074 173 211

@alumnivintage 

Hello,

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.

Thank you!

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes