Delete/Remove Search Bar in Header on Supply Theme

Highlighted
Tourist
19 0 1

I tried googling and looking at old posts on the forum, but couldn't find a current way to remove the search element from the supply theme. Any help is appreciated! Thank you

0 Likes
Highlighted
Shopify Partner
1168 32 215

you can hide it with CSS. paste this at the very bottom of your theme.scss.liquid

header.site-header .search-bar{
  display: none;
}

 

0 Likes
Highlighted
Tourist
19 0 1

I tried this but didn't seem to have any luck

0 Likes
Highlighted
Tourist
19 0 1

Nevermind!! Got it working. Thank you!

0 Likes
Highlighted
New Member
4 0 0

Hello, I did this and clic Save but did not work, I entered the page and appears again: bocanegra.cafe

Any other solution?

 

0 Likes
Highlighted
Shopify Expert
2684 67 818

Hi LR, 

that solution is for the Supply theme. For Debut you may try this:

/* --tim: hide search for desktop */
.site-header__search {
    display: none;
}
/* --tim: hide search icon for mobile */
.site-header__search-toggle {
    display: none;
}

 

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
I am away till Feb-15.
0 Likes
Highlighted
New Member
4 0 0

Thank you, I did it but the page appeared like this:

0 Likes
Highlighted
Shopify Expert
2684 67 818

This means you've deleted something extra or left some brace left over, or did not paste at the very bottom on the empty line -- pasted the code not carefully enough  and your CSS file was not generated at all as a result.

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
I am away till Feb-15.
0 Likes
Highlighted
New Member
1 0 0

Hello, I need to remove the search icon from my shopiy debut theme I tried the code above but they did not work.

0 Likes
Highlighted
New Member
5 0 0

I am trying to remove on venture theme - no luck

0 Likes