How to add hover to show dropdown in navigation menu from Venture theme?

Solved
Highlighted
New Member
2 0 1

Website: contractorsonly.eu 

 

Hi, could you please show me how do I change the code for the navigation menu so that the dropdown shows on hover instead of clicking.

 

Theme: Venture free shopify theme.

 

Thanks

1 Like
Highlighted

Success.

Shopify Partner
3107 422 800

Hello, @contractorsonly 

Thanks for Post.

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

.site-header .site-nav__item:hover .meganav {
    opacity: 1;
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1),opacity 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
    z-index: 666;
    visibility: visible;
}
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
1 Like
Highlighted
Tourist
3 0 1

Hi, @KetanKumar ! Your comment is very usefull, thanks a lot! But is there any solution to make the same  with submenu?

1 Like
Highlighted
Shopify Partner
3107 422 800

@Okimoy 

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 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
Highlighted
Tourist
3 0 1

@KetanKumar , thanks for your reply! Unfortunately we are not online yet. Each item of submenu we linked with collection and filter collection with specific tag.  

0 Likes
Highlighted
Tourist
3 0 1

Dear @KetanKumar , I found solution with globo mega menu app. Anyway  thank you a lot!

0 Likes
Highlighted
New Member
4 0 1

Hi, 

I will like to make work the dropdown menu hover style that I already have on main header menu, but  i need to work in the same way in footer menu. 

can you please help.

I take a picture of X web to show you what I need to make change on footer menu.   

Thank you 

Lina

IMG_7827.jpeg

1 Like
Highlighted
Shopify Partner
3107 422 800

Thanks @CaninesCollar 

Welcome to the Shopify community!
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 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
Highlighted
Highlighted
Shopify Partner
3107 422 800

@CaninesCollar 

Thanks for url

sorry, your store is password protect can you please share 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
0 Likes