How can I enable hover links in a dropdown menu?

Hi,
I need yours help, I have set that the header menu whitout a mouse click ( hover ) but the links of subset collection need the mouse click for open. How i can do the same thing of the header?
Another thing, can I set a colored box when opening the sub collection?

Sorry for my english, I hope I managed to make myself understood.

I am attaching an image to better understand what I need.

If you need this is my website: www.dpmodellismo.it
password: franky

Thanks for reply!

Hi @DP-Modellismo

Kindly paste the below CSS just after in theme.liquid under Layout


That’s Work!> can I set a colored box when opening the sub collection?

Hi @DP-Modellismo

To make it more colored you can add below CSS by removing old one.


How it will look:

Thanks @Sheesh_b

i have one last problem, the box of third level open in other color and whit the perfect size but when i go out of that box it will be open. How can i set that when i goes out of the box whit the mouse the same box will be close.

in this screen shoot i open the link: carri armati and when i go in other links, for example: Viteria/minuteria/cuscinetti, the box of carri armati will be open and for close that i need to click out of the box, can i set this function automaticaly whitout the mouse click?

@DP-Modellismo

That’s because currently the menu opens when you click on any collection.

If you go with hover option then this issue could have been solved easily.

Can you once try my last answer CSS and check if that work as you want.

@Sheesh_b
i try, but when you open a category box, it becomes difficult to open the link of the second or third column, I have left your code active, so you can check what the problem is.

@DP-Modellismo

I understand.
My best opinion to change the menu style like this https://egas.com.au

For the current scenario we have more first-level collection and that’s causing the issue.