How can I remove search bar from the header of my shop?

Store Design
, , ,
1

Hi there,

For some reason, the solutions in other threads are not working on my theme. Anyone have feedback on how I can remove the Search button from my header?

Site: https://guisemen.com/

Thank you in advance.

2

Hey Sanda ā€“ Iā€™d be concerned about removing the bar code entirely due to stability reasons. Additionally, are you referencing the header.liquid or a portion of base.css code? More detail would be helpful

3

Hey,

Go to online store > theme > actions > edit code.

Find assets folder > base.css file.

Copy and paste this code at the bottom of the file.

.header__icon--search {
  display: none;
}

Result:

dannyelo_0-1690138572659.png
dannyelo_0-1690138572659.png2170Ɨ1106 159 KB

Hope this helps!

1 Like
4

Hey Dannelo,

Really appreciate the hand. This code works within Chrome > Inspect but does not appear on my site when I edit the base.css code oddly. Suggests to me that something might be overriding it. Same thing when I add !important flag. Do you have any recommendations on how I might troubleshoot? I added the code you suggested, if helpful.

Appreciate the guidance.

5

Hey, please replace the code I gave you with this new one.

.header__search {
  display: none !important;
}

Let me know!

6

For anyone in the future, using this code helped me get rid of it:

guisemen_0-1690228799618.png