How to remove search icon on desktop on debut theme

Solved
mexican-hippo
Tourist
8 0 2

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

0 Likes
Natztech
Shopify Partner
337 85 147

This is an 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;
}

}

 

 

Want to theme customize Hire us.
If helpful then please Like and Accept Solution

E-mail :natztech2312@gmail.com
Shopify Design Changes | Shopify Custom Theme Design and Development

Whatsapp :
KetanKumar
Shopify Partner
15721 1751 5782

This is an accepted solution.

@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;}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
mexican-hippo
Tourist
8 0 2

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

0 Likes