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
4368 574 1101

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.
Want to convert visitor to buyers ? try This app.
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
4368 574 1101

Send me store url 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
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