How to hide search button on dawn theme 2.0

Store Design
1

jecbon_0-1640078964351.png

Hey guys, I’m wanting to hide the search button in my header across mobile and pc.

Tried the following code bottom of base.css without any luck:

.header__icon–search {
display: none;
}

Please let me know if anyone can assist me.

it should be a generic solution so no need for URL and password :slightly_smiling_face:

Thank you!

2

Hello there,

  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:
.header__search {
display: none!important;
}
3

Thank you for the reply but this does not work? I added to the bottom of base.css and saved and it does not work.

I have dawn 2.0 theme not sure if you read that properly.

4

@jecbon

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

5

Hello there,

  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:
details-modal.header__search {
display: none!important;
}
6

@KetanKumar you have my store url and password in direct messages. Please assist .

7

@ZestardTech hey that did not hide the search button? What do i do. Using Dawn 2.0.

8

@jecbon

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
details-modal.header__search {
    display: none !important;
}
9

@KetanKumar That code does not work :disappointed_face: