How to remove search box on mobile

mexican-hippo
Tourist
4 0 2

Hi,

I have would like to remove the search box in my header on the mobile version only. I can't get this to work, I have already tried the code:

@_media screen and (max-width:640px){
#search {
display: none;
}
}

But it does not work. Does somebody know how to remove the search box on the mobile version of your store?

I use debut theme, my store is pallas-sports.myshopify.com, the password is: "fkjklfw"

0 Likes
Pallavi
Shopify Expert
736 94 109

Hello There,

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@_media only screen and (max-width:746px) {
button.btn--link.site-header__icon.site-header__search-toggle.js-drawer-open-top {
display: none!important;
}
}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes