Search bar

[Sivy]

I have a problem with my search bar,

There appears to be two crosses to close the search bar when the screen is enlarged, one cross works and the other doesn't.

I was wondering if anyone could help, I think the 2nd cross is hidden behind the search bar until the screen is enlarged.

 

 

[Moeed]

Hey @Sivy 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[Sivy]

Hi Moeed, my URL is- www.lebisou.co.uk

The password is- stitoo

[Moeed · Accepted solution]

Hey @Sivy 

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 </body> tag

<style>
span.svg-wrapper.header__icon-close {
    display: none !important;
}
</style>

RESULT:

If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[CodingFifty]

Hey! @Sivy,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

span.svg-wrapper.header__icon-close {
    display: none !important;
}
.search-modal__content {
    display: flex;
    background: white !important;
}