Hover dropdown menu Express theme

acoffee
Tourist
7 0 4

I would like my main menu (in the header) to open dropdown on hover. I have found this code for Debut theme, but how do I make it work for Express theme?

Show drop down CSS

.site-nav--has-dropdown:hover .site-nav__dropdown, 
.site-nav--has-dropdown:focus .site-nav__dropdown { 
   display: block; 
} 
.site-nav__dropdown { top: 30px; } 

Disable double click for parent menu items

/* cache.$parents.on('click.siteNav', function(evt) {
var $el = $(this);

if (!$el.hasClass(config.activeClass)) {
// force stop the click from happening
evt.preventDefault();
evt.stopImmediatePropagation();
}

showDropdown($el);
});
*/

 

KetanKumar
Shopify Partner
20391 2112 7670

@acoffee 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

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
acoffee
Tourist
7 0 4

Thank you! I am creating this on an unpublished theme version. But here is my URL so you can see my theme now - it is also Express. acoffee.com.au

KetanKumar
Shopify Partner
20391 2112 7670

@acoffee 

can you please share unpublish theme store preview url so i will guide you

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
KetanKumar
Shopify Partner
20391 2112 7670

@acoffee 

sorry but your add unnecessary code 

make it simple code something like this 

https://codepen.io/una/pen/Gxwogy

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
0 Likes
acoffee
Tourist
7 0 4

I didn't make that code I just need to add a hover function? Not build it again. If you could help me with this please?

KetanKumar
Shopify Partner
20391 2112 7670

@acoffee 

Yes, please confirm this look

KetanKumar_0-1624515852132.png

 

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
acoffee
Tourist
7 0 4

If that appears on hover, it's great!! My preview is not showing this, can you let me know the code to add? Thank you!

0 Likes