Menu hover js issues

[Bobcomp1129]

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?

[AnneLuo]

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.

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

[Bobcomp1129]

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 · 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;
}
}