Search bar customization

[slidein_india]

Hi,

Currently on my desktop and mobile, when I press the search icon a bar pops up over the main menu and logo in the header. I want the menu items and logo to get blur and it should be slightly more dark. so that the search bar stands out and can be visible. I need this to work both for desktop and mobile view.

sharing how the search bar looks now. 

[slidein_india]

www.slidein.co.in is the website and I use dawn theme.

[Supporter]

Hi @slidein_india  can you please share your store so that I can hep you

[slidein_india]

www.slidein.co.in

I use the dawn theme

[SearchaniseTeam · Accepted solution]

Hi @slidein_india ,

Try adding the following code to your CSS file. It should resolve the issue:

details[open]>.search-modal {

opacity: 0.83; z-index: 20;

}

Let me know if this works for you!

Hope it helps.

[slidein_india]

It helped. Thanks.