How to prevent dropdowns from interfering with product search?

[JonasBorum]

Hello guys!

Yet another question! When I search for a product it isn't very pleasant that my dropdowns on the mega menu are interacting with it. Any solutions?

Thanks in advance

Store: santibo.dk

Password: Santibo123

[StoreWatchers · Accepted solution]

Hello @JonasBorum,

Greetings from the Store Watchers Support Team! Happy to help you today.

Go to Online Store -> Actions -> Edit code. Then find theme.liquid.

In your theme.liquid file, please paste the code below before the </head> tag.

<style>
#SearchResultsWrapper{
position: relative!important;
z-index: 999999!important;
}
</style>

Let me know if need further assistance

Regards,
Store Watchers Support Team

[JonasBorum]

Hello StoreWatchers, it didn't seem to work. Any other ideas?

[StoreWatchers]

Hello @JonasBorum,

That's weird, it should work. Can you please send me a screenshot or video of the issue from your end for further investigation?

Let me know if need further assistance

Regards,
Store Watchers Support Team

[JonasBorum]

It worked!

I found out i put it in the code incorrectly, thank you very much

Perhaps is there any way you can fix this problem also: https://community.shopify.com/c/technical-q-a/mega-menu/m-p/1980332#M121753

Thanks in advance

[JonasBorum]

Also is their any code, to also show the price when searching?