How to remove the search bar on mobile view using Expanse theme?

[Eze_Paul]

Hi guys I wish to remove search bar on header. I use Expanse theme.

Thanks!

https://hyggehusmobler.se

[Dan-From-Ryviu]

Go to Online store > Themes > Edit code > open theme.liquid file, add this code below after element

[Made4uo-Ribe]

Hi @Eze_Paul

check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

@media only screen and (max-width:749px){
predictive-search {
    display:none !important;
}
}

And Save.

Result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[Eze_Paul]

I also want the search icon to always shows up. it only shows when you screw down. On mobile only.

[Eze_Paul]

I also want the search icon to always shows up. it only shows when you screw down. On mobile only.

[Dan-From-Ryviu]

Code update

[Eze_Paul]

Hi, with this code the search icon is gone, I want it to always show on the header, before it only shows when you scroll down.

[Dan-From-Ryviu]

Sorry, please update code to this

[Eze_Paul]

You are the best. Perfect now.

Thanks!

[Dan-From-Ryviu]

Very welcome!

[Eze_Paul]

Please do you know how i can increase search result on the search bar, it shows just 3 items and collection.

aslo it does not show all result from what you search. it takes you to a collection page.

Thanks!