Solved

Erase search bar Warehouse Theme

CamiC
Excursionist
34 0 13

Hi, I´m using Warehouse. I want to erase the search bar that is on the left of my main page on the desktop view, could someone help me?

My URL is https://8fkz88we2bhgyq7a-60284535015.shopifypreview.com

Accepted Solution (1)
suyash1
Shopify Partner
9078 1129 1479

This is an accepted solution.

@CamiC- please try this, issue is your theme already has code to hide search on mobile

@media screen and (min-width:750px){
.header__search-bar-wrapper, .search-bar__submit {display:none;    visibility: hidden;}
}

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI

View solution in original post

Replies 5 (5)

suyash1
Shopify Partner
9078 1129 1479

@CamiC- add this css to the very end of theme.css file and check

.header__search-bar-wrapper, .search-bar__submit {
display:none;
    visibility: hidden;
}
To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
suyash1
Shopify Partner
9078 1129 1479

@CamiC- should be like this

suyash1_0-1636014434473.png

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
CamiC
Excursionist
34 0 13

Yes!

I add a code to erase it, but it erase the search on my mobile version as well, so I deleted.

suyash1
Shopify Partner
9078 1129 1479

This is an accepted solution.

@CamiC- please try this, issue is your theme already has code to hide search on mobile

@media screen and (min-width:750px){
.header__search-bar-wrapper, .search-bar__submit {display:none;    visibility: hidden;}
}

 

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
paranormal story video using AI
CamiC
Excursionist
34 0 13

It worked perfect!! Thank you very much!