FROM CACHE - en_header

Erase search bar Warehouse Theme

Solved
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)

Accepted Solutions
suyash1
Shopify Partner
6185 729 1033

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;}
}

 

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly | want to support?

View solution in original post

Replies 5 (5)
suyash1
Shopify Partner
6185 729 1033

@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;
}
You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly | want to support?
suyash1
Shopify Partner
6185 729 1033

@CamiC- should be like this

suyash1_0-1636014434473.png

 

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly | want to support?
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
6185 729 1033

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;}
}

 

You are welcome to contact me - suyash.patankar@gmail.com, My timezone is GMT+5:30,to build shopify pages use pagefly | want to support?
CamiC
Excursionist
34 0 13

It worked perfect!! Thank you very much!