How to add a hover effect to the header.

How to add a hover effect to the header.

CreatorTim
Explorer
241 1 45

Hey guys,

 

How can I add a hover effect to the header on products?

 

I don’t want anything complicated. Just a simple hover effect for the products only.

 

Just like this:

CreatorTim_0-1733433339945.png

 

Here’s the link to my store: 1049xn-ya.myshopify.com

 

Thank you,

Tim

Replies 3 (3)

LizHoang
Shopify Partner
467 58 86

Hi @CreatorTim 

 

We have checked on your query. Currently, when you hover over this area, the text appears bolder, and there is a black dot underneath. How would you like to modify this?

 

We will assist you further. 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program
CreatorTim
Explorer
241 1 45

Hi @LizHoang

 

Yes, when I hover over the products, a black dot and bold text appear. I want to keep that as it is.

 

I’d just like to add an effect where, when I hover over "Products," a small dropdown menu appears underneath, showing all my products. This way, I can simply click on a product and be redirected to it.

 

Exactly like this:

CreatorTim_0-1733514884245.png

 

And if needed, here’s the link to a store that shows how I want it to look the same on mine.

https://tomnoske.store/

 

Thank you,
Tim

CreatorTim
Explorer
241 1 45

Hey, are you here? Are we still in contact?

Yes, when I hover over the products, a black dot and bold text appear. I want to keep that as it is.

 

I’d just like to add an effect where, when I hover over "Products," a small dropdown menu appears underneath, showing all my products. This way, I can simply click on a product and be redirected to it.

 

Exactly like this:

CreatorTim_0-1733684517716.png

 

 

And if needed, here’s the link to a store that shows how I want it to look the same on mine.

https://tomnoske.store/

 

Thank you,
Tim