Hover effect on menu?

[curator]

Trying really hard to make this work as it's the last thing I have to figure out.. I managed to make it so the secondary logo appears when the sticky header function is working and the background of the transparent header changed to white on hover but the logo remains the primary. Any help would be greatly appreciated, thank you 🙂

https://g95u25r5wnp5oqll-83068584245.shopifypreview.com

[LuffyOnePiece · Accepted solution]

Hi @curator ,

Try adding below css to base.css file.

header:hover a.header__heading-link:not(.logo-ransparent) {
    display: block  !important;
}

header:hover a.header__heading-link.logo-transparent {
    display: none !important;
}

If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

[LuffyOnePiece · Accepted solution]

Hi @curator ,

Try adding below css to base.css file.

header:hover a.header__heading-link:not(.logo-ransparent) {
    display: block  !important;
}

header:hover a.header__heading-link.logo-transparent {
    display: none !important;
}

If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

[curator]

Thank you a thousand times!!! You just made my day 🙂 

[LuffyOnePiece]

Hi @curator ,

Can you please like all the answers?

Have a good day !!

[curator]

just did, please let me know if you are able to help with the colour of the menu icons on mobile.. it would be really really appreciated (see above)

[curator]

Ahhhh I just noticed that the menu and shopping cart icon on mobile now show as black with the above code. If you know of anything simple that can be done to fix that it would be amazing if not I'll keep searching online and hope to find a solution 🙂 almost there so close

[LuffyOnePiece · Accepted solution]

Hi @curator ,

The above code does not change anything on mobile devices as the hover event doesn't exist in mobile devices. 

Can you please let me know what you need for the mobile devices?

Thank you

[curator]

My bad my friend I was looking at the wrong duplicate my eyes are tired!! Everything all good thank you again so much 🙂