All things Shopify and commerce
Hi,
I need help in removing the search bar from the header on the warehouse theme. Please tell me what part of the code needs to be changed for this.
Solved! Go to the solution
This is an accepted solution.
.search-bar__top-wrapper {
display: none;
}
Hello
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid
Hello,
Please share your site url.
So that i can check and let you know the exact solution here.
This is an accepted solution.
.search-bar__top-wrapper {
display: none;
}
Hello
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid
Thanks so much works perfectly! Can you please also tell me how I can reduce the size of the search bar if I want to keep it visible?
The input field on the search bar is too wide, how can I reduce the width of that?
Thanks so much for your help!
okay,
You just have to paste the below code in Online store -> Theme ->Edit code ->Asset ->theme.scss.css
.header__search-bar-wrapper {
flex: 0 0 auto;
width: 34%; /*set width as you want*/
margin: 0 auto;
}
Hi, this code also erase my search on the mobile, the icon is there but if I click I don't have the space to search. Is there any chance I can erase the search bar from the desktop but not on the mobile?
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025