debut theme: hover down drop down menu

filip0801
Excursionist
44 0 7

Hey, i would like my drop down menus to open up when i hover over them. Here is my site: https://pimp-your-animal.myshopify.com/

 

 

1904d49f7b7737ca77c2fa65d9deadc5.png

0 Likes
KetanKumar
Shopify Partner
17141 1858 6418

@filip0801 

Thanks for your post.

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

.site-nav--has-dropdown:hover .site-nav__dropdown {
    display: block;
}
.site-nav--has-dropdown::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 72px;
    left: 0;
    z-index: -1;
}

 

 

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
xclusiveconnect
New Member
1 0 0

I tried to add the code on the bottom and it still didn't work

0 Likes
KetanKumar
Shopify Partner
17141 1858 6418

@xclusiveconnect 

Thanks for post 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 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
DELONG_HUANG
Excursionist
43 0 5

@KetanKumar wrote:

@filip0801 

Thanks for your post.

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

.site-nav--has-dropdown:hover .site-nav__dropdown {
    display: block;
}
.site-nav--has-dropdown::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 72px;
    left: 0;
    z-index: -1;
}

 

 


 

 

 

 

 

Hi It works. Thanks

KetanKumar
Shopify Partner
17141 1858 6418

@DELONG_HUANG 

it's my pleasure to help us

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
DELONG_HUANG
Excursionist
43 0 5


Hi 

I noticed that sometimes when I plan to click the submenu, the menu collapses again. there are some flaws in this.

 

my store URL:

www.minidrago.com

KetanKumar
Shopify Partner
17141 1858 6418

@DELONG_HUANG 

oh, sorry for this issue if possible to provide a further issue video so i will check and let provide the proper solution.

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
0 Likes