Shopify themes, liquid, logos, and UX
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?
Solved! Go to the solution
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;
}
}
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!
That deos work but it also moves the menu up and I want it to align to the bottom of the white header
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;
}
}
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025