How do I remove the search icon?

[Simon159]

Hey, how do i remove the search icon in the header?

https://changepodshop.com/products/the-change-pod

[Mustafa_Ali]

<style>
details-modal.header__search {
    display: none !important;
}
</style>

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the <style> tag before the body ----->
if this code work please do not forget to like and mark it solution

[Dan-From-Ryviu]

HI @Simon159 

You can add this code to Custom CSS of Header in Online Store > Themes > Customize to remove that icon.

.header__icon--search { display: none !important; }

[Huptech-Web]

Hello @Simon159 

• Go to Online Store > Themes.​
• Click on "Actions" next to your active theme and select "Edit Code"

In the Assets folder, find and click on base.css or theme.css

Add the following css code

<style>
.header__icon--search {
  display: none !important;
}
</style>

Option 2:
Find and click on header.liquid or a similarly named file that controls the header layout.
Within this file, look for the code that renders the search icon.
Delete or comment out this block of code.

If you need any further assistance, feel free to ask. If you found my help useful, kindly consider liking this message and marking it as the Accepted Solution.

Best regards,
MP

[GTLOfficial]

Hello @Simon159 
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

.header__search {
display: none !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks