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

Solved
ScottH2
Tourist
9 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
KetanKumar
Shopify Partner
20430 2113 7675

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ScottH2
Tourist
9 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
ScottH2
Tourist
9 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
ScottH2
Tourist
9 0 1

sorry for multiple replies but I changed my password.

www.crass-cat.com

password: unDisputed

KetanKumar
Shopify Partner
20430 2113 7675

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ScottH2
Tourist
9 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
KetanKumar
Shopify Partner
20430 2113 7675

@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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ScottH2
Tourist
9 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
DGBdiscs
Tourist
4 0 3

Did you ever figure this out? I am trying to accomplish the same thing with my site and the parent menu item is not clickable. I have tried everything to turn off double clicking but I can't find the code in the .css asset file that people talk about.