how to remove search icon and function on debut shopify theme

Highlighted
New Member
3 0 0

i have searched and tried putting code to remove the search icon but nothing happens, i had to also copy and paste my theme.scss.liquid from another theme because my one didnt have one in it. how can i fix this?

0 Likes
Highlighted
Shopify Partner
1158 233 300

Hello @cptdeadass ,

They are 2  ways to do it.
1) Edit header.liquid  ( under sections ) and find for search code. Once find remove/comment it/

2) Add this css in your theme.scss.liquid  ( under Assets )  You have to add this css in bottom

 

button.btn--link.site-header__icon.site-header__search-toggle.js-drawer-open-top {
    display: none;
}

 

  
Note: I recommend 1 way.

Thanks

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
Shopify Partner
3261 718 865

@cptdeadass 

Please add the following code at the bottom of your assets/theme.scss.liquid file

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

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
New Member
3 0 0

@dmwwebartisan 

no sorry this didnt work, ive tried alot of the code thats floating around to try fix it but nothing seems to work. how come they dont just make it a button instead of having to edit code?

0 Likes