Solved

Menu hover js issues

Bobcomp1129
Tourist
15 1 1

On my site https://www.whitehippogolf.com when you hover over the menu items, the dropdown shows correctly but when you try to get down to the dropdown items you need to move the mouse fast or mess with it to no close on you.

 

Does anyone have any ideas why this is happening or how to fix it?

Accepted Solution (1)

aldy-expatify
Shopify Partner
39 3 8

This is an accepted solution.

Hi @Bobcomp1129 you can try to put this code at the bottom line of the base.css

 

screen and (min-width: 990px){
.header {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.header__menu-item {
padding: 2.1rem 1.2rem !important;
}
}

 

aldyexpatify_0-1712111148398.png

 

If you like our solution, please like and mark it as a solution.
Don't hesitate to reach us for more Shopify solutions. Thanks 🙂
Website: Expatify Indonesia
Email: guru@expatify.co.id
Whatsapp: Whatsapp

View solution in original post

Replies 3 (3)

AnneLuo
Shopify Partner
177 39 46


You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the base.css file and modify the style code here. Change the top value to 45px.

 

AnneLuo_0-1712110179944.png

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to contact me on luomingxia@shinetechsoftware.com.
Bobcomp1129
Tourist
15 1 1

That deos work but it also moves the menu up and I want it to align to the bottom of the white header

aldy-expatify
Shopify Partner
39 3 8

This is an accepted solution.

Hi @Bobcomp1129 you can try to put this code at the bottom line of the base.css

 

screen and (min-width: 990px){
.header {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.header__menu-item {
padding: 2.1rem 1.2rem !important;
}
}

 

aldyexpatify_0-1712111148398.png

 

If you like our solution, please like and mark it as a solution.
Don't hesitate to reach us for more Shopify solutions. Thanks 🙂
Website: Expatify Indonesia
Email: guru@expatify.co.id
Whatsapp: Whatsapp