Hello! I am new to Shopify and am trying to fix an issue with my dropdown menus.
When you hover over a dropdown menu in the top header, the options appear. When you move the mouse to select something from the dropdown, the menu disappears/appears as you move down the list. I’ve searched through previous discussions and YouTube tutorials to fix, but have had no luck. From one suggestion, I’ve edited the menu distance from the header itself by adding the below to the end of the base.css and it did not fix the issue.
-
.header__submenu {
-
top: 30px !important;
-
}
My website is killintimeracing.com. A quick hover over any of the drop-downs in the header and attempt to select any of the options will show the issue. Any help is greatly appreciated!
Please share your store URL and password. So that I will check and let you know the exact solution here.
Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.
Hi @CFHcricket
Could you share the link to your store so I can check?
Hi @CFHcricket
It looks like your site is down, or expired
Please check again, and share the link, and password if you have it
So sorry, it’s killintimeracing.net! Link is 03b979-56.myshopify.com, 521 is the password.
521 password
Site is killintimeracing.net, apologies!
521 is the password
Site is killintimeracing.net, apologies!
Hi @CFHcricket
I see they are still working fine, can you share a video of the error
As you navigate down the dropdown, it quickly disappears/reappears as you move from item to item. I’d like it to stay visible anytime the cursor is in the dropdown without “flashing” if that makes sense!
