Insert Search Bar inbetween Menu and Cart on Mobile Supply Theme

[jkap]

Hi, 

I want to insert a search bar into my header on mobile - my customers often don't know that the search bar is in the hamburger menu so I want to make it easier for them to search. 

Basically, I would like the search box or a search button right there^^ so that customers can easily search for whatever they need without having to click the menu button.

If anyone can help me out I would greatly appreciate it. 

Thanks in advance!

[oscprofessional]

Hello jkap,
Please follow the below steps:-

1) Add search bar code in header.liquid file.

Want to modify or custom changes on store hire us.
If helpful then please Like and Accept Solution.
Email: pallavi@oscprofessionals.com

[LincsVapours]

I did this and used the code provided, which it works and thank you for that but do you know if there is a way to space it as it seems to be too far at the top? Also instead of having it in between the menu and cart, is there a way to put it at the bottom of the header on the mobile so it get full width? 

[vedanafashion01]

Hello @oscprofessional 

can you please share a code to add the logo instead of search bar in there?

[joata]

 @oscprofessional Would you be able to provide us with a solution on how to lower that search bar? I've toyed around with many things and can't seem to get that to move down.

Screenshot:
 

[山口]

Can you remove the word "Cart"?  It is too narrow.