Nav menu to activate on hover and link on click (debut theme)

[ScottH2]

Hi, like it says I'm using the free debut theme and wondering if someone can help me with some code to make the drop down, for my main nav menu, display when hovered over and link when clicked. Currently the link function is not working when clicked (i.e. I have Products>[product category]  Clicking Products activates the drop down but I want it to link to my product catalog). 

my website is www.Crass-Cat.com/

Password: euwome

[KetanKumar · Accepted solution]

@ScottH2 

Thanks for the post can you please try this.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file.

.site-nav--has-dropdown:hover .site-nav__dropdown {
    display: block;
} 

[ScottH2]

Thank you so much that worked for displaying the drop down on hover! Is it possible to make the top item of the drop down menu link to my all products page like it's supposed to? I have it set up to do so in the navigation section but when clicked it retracts the drop down.

[ScottH2]

Also the above code activates the dropdown on hover but when you move the mouse to try to click a menu item the menu disappears, so can you make it stay open? Thank you so much for your help so far!

[ScottH2]

sorry for multiple replies but I changed my password.

www.crass-cat.com

password: unDisputed

[KetanKumar · Accepted solution]

@ScottH2 

Thanks, it 

.site-nav__dropdown {top: 20px;}

[ScottH2]

That works for keeping the menu open thank you so much!! Sorry if it is difficult but the only problem is that the top item of the menu is not a link you can click it only opens and closes the menu. Can it still display on hover but link to the page when clicked? thank you for your hard work on this!!

[KetanKumar]

@ScottH2 

Yes, it can be done some custom code 

[ScottH2]

Ok are you saying this is something you charge for or just need some time? 

---

@KetanKumar wrote:

@ScottH2 

Yes, it can be done some custom code 

---