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

Solved
Tourist
8 0 1

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

0 Likes
Shopify Partner
11890 1467 4310

This is an 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;
} 

 

 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Tourist
8 0 1

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.

0 Likes
Tourist
8 0 1

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!

0 Likes
Tourist
8 0 1

sorry for multiple replies but I changed my password.

www.crass-cat.com

password: unDisputed

Shopify Partner
11890 1467 4310

This is an accepted solution.

@ScottH2 

Thanks, it 

.site-nav__dropdown {top: 20px;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Tourist
8 0 1

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!!

0 Likes
Shopify Partner
11890 1467 4310

@ScottH2 

Yes, it can be done some custom code 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Tourist
8 0 1

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 


 

0 Likes