Debut Theme: Hover-over Dropdown Menu and Spacing Issue

Solved
Leo123
New Member
7 0 0

Hello Gurus,

 

My site is Shaveden.ca (password: four).

 

1st issue:

If you navigate the header menus, you will notice that the "Grooming" drop-down menu is misaligned.

- How do I make it so that it is flush like the other drop-down menus?

 

2nd issue:

- How do I make the entire menu a hover-over drop-down menu?

 

 

Thank you!

0 Likes
Jasoliya
Shopify Expert
4299 569 1072

This is an accepted solution.

HI @Leo123 

1st issue:

Add this css in Asset->theme.scss file at bottom:

.site-nav__dropdown--right:not(.site-nav__dropdown--centered){    right: auto;}

2nd issue:

You have to do Js code for that cant send by just console. 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Leo123
New Member
7 0 0

Thank you, Jasoliya. I was able to resolve the 1st issue.

 

Could you elaborate a little on what you meant with you answer on the 2nd issue? I don't quite understand what that means.

0 Likes
BrandonWohlf
New Member
1 0 0

I am having an issue I thought was similar but isnt. Mine is where the main menu and drop down have a small space between them and its big enough to where if I move my mouse down towards the drop down menu after hovering over the main menu item. When I try to move my mouse down to the drop down menu that appears it disappears since there is a space between them. How do I get there to be no space between the main menu and drop down menu?

0 Likes
Jasoliya
Shopify Expert
4299 569 1072

Send me store url 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes