How to remove search icon in Debut Theme?

Solved
Highlighted
Shopify Expert
3897 559 935

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.site-header__search { display: none; }

 

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
4 0 0

I have done this and the search bar is still there

0 Likes
Highlighted
Shopify Expert
3897 559 935

Then send your store url

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
4 0 0

BOLDgroundscoffee.com

0 Likes
Highlighted
Excursionist
9 2 1

try this

.site-header__search {
display: none !important;
}

0 Likes
Highlighted
New Member
2 0 0

This did not work for me. I also do not have a scss file, only a theme.css.liquid file in my Assets folder.

0 Likes
Highlighted
Shopify Expert
3897 559 935

Send your store url

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
8 0 1

Hi how to remove search icon and function on mobile view (because "Menu" is not showing complete). Debut theme.

steriwand.ph

0 Likes
Highlighted
Shopify Expert
3897 559 935

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

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

 

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
1 0 0

search for:

<button type="button" class="btn--link site-header__icon site-header__search-toggle js-drawer-open-top" data-predictive-search-open-drawer>
{% include 'icon-search' %}
<span class="icon__fallback-text">{{ 'layout.navigation.search' | t }}</span>
</button>

in header.liquid and add {% comment %} in the beginning and {% endcomment %} in the end, it should be like this: 

{% comment %} <button type="button" class="btn--link site-header__icon site-header__search-toggle js-drawer-open-top" data-predictive-search-open-drawer>
{% include 'icon-search' %}
<span class="icon__fallback-text">{{ 'layout.navigation.search' | t }}</span>
</button> {% endcomment %}

 

Thanks!

0 Likes