How to make my search lens into a search bar

Shopify Discussion
1

Hi everyone,

I want to change my search lens into a search bar in my mobile version.
Store URL: thecleanroom.net
Below is what my search lens currently looked like:

IntechCarl_0-1707373693990.png

and this is what I intend it to be:

IntechCarl_1-1707373758398.png
IntechCarl_1-1707373758398.png369×110 6.59 KB

2

Hi @IntechCarl ,

You can add the below css into the base.css file to achieve the same .

@media only screen and (max-width: 767px) {
details[open]>.search-modal {
margin-top:15vw;
}
}