How can I remove the search icon from the dawn theme header?

[AlexLundquist]

Hey, I was looking for some help to remove the search icon in the header section on my shopify site, I tried following some suggestions online but was having trouble. I am using the dawn theme, thank you.

[INA_MSWEB]

Hi @AlexLundquist

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:
.header__search {display: none important;}

Regards,

San

[PageFly-Oliver]

Hi @AlexLundquist ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base

Step 3: Paste the below code at the bottom of the file → Save

@media(max-width:767px){
details-modal.header__search{display:none !important }
}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[Moeed]

Hey @AlexLundquist

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[ZestardTech]

Hello @AlexLundquist

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

@media (max-width:992px){
details-modal.header__search {
display: none!important;
}
}