Debut Theme: How to add hover feature to dropdown menu

mmmaggieli
Excursionist
36 0 12

Hello Shopify Community, I'd like to add the hover feature when displaying the drop down menu, however the default right now with the Debut theme is that you have to click to open the drop down. Can anyone assist with this? All other tutorials I've found on the forum are outdated and do not work. Thank you!

0 Likes
KetanKumar
Shopify Partner
20683 2144 7830

@mmmaggieli 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide 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
0 Likes
VelasArtes
Explorer
56 1 11

@mmmaggieli Hello, did you find a solution for this? I am facing the same issue, and every tutorial is very outdated.

 

Thanks

0 Likes
KetanKumar
Shopify Partner
20683 2144 7830

@VelasArtes 

Thanks for post

can you please share store url so i will check and let you know 

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
switcheries
Excursionist
21 0 5

Hi KetanKumar,

I'm also having the same issue. I would like to have a hover effects on the dropdown menu.

my website is www.switcheries.com

Thank you!

KetanKumar
Shopify Partner
20683 2144 7830

@switcheries 

sorry for this issue can you please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

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

 

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
switcheries
Excursionist
21 0 5

Hi Ketan, It still doesn't work. Can you check the website please? www.switcheries.com

thank you

0 Likes
switcheries
Excursionist
21 0 5

Hi Ketan, can you please help with this? It hasn't worked yet and I couldn't find any solution to this.

KetanKumar
Shopify Partner
20683 2144 7830

@switcheries 

i have check this its work now how menu on hover so what issue?

@selina10261 can you please share store url

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