Search Bar and Hover Menu Conflict

Store Design
1

Hello,

my store: https://r1vex.myshopify.com/

I have this problem when searching for something on my store, as you can see in the image below I have this hover drop down menu:

Skärmavbild 2024-09-30 kl. 23.58.19.png
Skärmavbild 2024-09-30 kl. 23.58.19.png3254×1522 385 KB

And the problem is that when the search bar is open, you can still hover over the menu and it shows.

Skärmavbild 2024-09-30 kl. 23.57.43.png
Skärmavbild 2024-09-30 kl. 23.57.43.png3282×1640 406 KB

So I wonder how to fix this so that you can not hover over the menu and get it up while searching for something.

Here is a video of how it looks: https://imgur.com/a/ozXalrI

Thanks for helping!

2

Hi @manbru

You can add this code to Custom CSS in Online Store > Themes > Customize > Theme settings to solve the issue.

.desktop-search { z-index: 5; }