How to remove search icon on desktop on debut theme

[mexican-hippo]

I have read multiple tutorials on how to remove the search icon from the desktop version of my site, but without luck.

I would like the search icon (not the search bar) to be removed when the person viewing has a screen that's 1150 pixels or less.

My site is pallas-sports.myshopify.com

password is "skkr"

I use debut theme

Thank you

[Natztech · Accepted solution]

please Go to Online Store->Theme->Edit code then go to Asset->/theme.css ->paste below code at the bottom of the file.

@media only screen and (min-width:  1150px){
.site-header .grid .grid__item .site-header__icons-wrapper .site-header__search-toggle{
	display: none !important;
}

}

[KetanKumar]

@mexican-hippo 

Yes, please add this 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

@media only screen and (min-width: 1150px) {
.site-header__search-toggle {display: none;}
}

[mexican-hippo]

I tried adding it to the bottom of my css code and it oddly didn't work, but then I tried adding the code with a style tag in my theme.liquid and it worked, strange.

Thank you

[KetanKumar]

@mexican-hippo 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.