Dawn Theme - Search button not dissapearing after coding used?

Store Design
, ,

Topic summary

Issue: In the Dawn theme, the store owner couldn’t hide the search button via CSS. They applied display:none to .header__search (and also hid the cart with .header__icon–cart), but only the cart disappeared; the search button remained.

Requests: Two participants asked for the store URL to diagnose further.

Solution: Another participant suggested hiding the element by setting opacity: 0 on the .header__search selector instead of using display:none.

Outcome: The original poster confirmed the opacity-based CSS worked immediately. No further changes or troubleshooting were needed. Status: Resolved.

Summarized with AI on January 25. AI used: gpt-5.
1

Hi,

I am trying to hide my Search Button. I am using the two following codes on base.css and only the cart is hiding - search button is stubborn and still there.

.header__icons { display: none !important; }

.header__search {
display: none !important;

}

.header__icon–cart {
display: none !important;

}

TIA

2

@LSAccounting - can you please share your website link?

3

Try this

.header__search {
opacity: 0!important;
}
1 Like
4

@LSAccounting

Please share your store URL!

Thanks!

5

Thank you!

Worked straight away.