Search bar results always go underneath my main menu?

[Morgans]

Morning

I have this issue that when I use the predictive search on my website, the results show up underneath the main menu tabs and it looks so messy.

I’ve attached a image below on what it looks like, I was just wondering how I would go about fixing this please?

Many Thanks

[Moeed]

Hey @Morgans

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

[Morgans]

https://morgansosw.myshopify.com/search?q=stock+fence&options%5Bprefix%5D=last

Password is: Jack

[suyash1]

@Morgans - can you please share your website link?

[Morgans]

https://morgansosw.myshopify.com/

Password: Jack

[PageFly-Oliver]

Hi @Morgans ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at the bottom of the file → Save

.search-modal{
z-index:999999 !important
}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[Dan-From-Ryviu]

Please add this CSS code at the bottom of your base.css file to check

.search-modal { z-index: 9999 !important; }

[suyash1]

@Morgans - add this css to the very end of your base.css file and check

.search-modal{z-index: 9999;}

[dbuglab]

Hi @Morgans

Follow these Steps:

1. Go to Online Store
2. Edit Code
3. Find theme.liquid file
4. Add the following code in the bottom of the file above tag

[Morgans]

Thank you so Much!! Perfect.