Insert Search Bar inbetween Menu and Cart on Mobile Supply Theme

New Member
1 0 0



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!






Want to modify or custom changes on store hire us.
If helpful then please Like and Accept Solution.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
30 0 5

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? Screenshot_20200416-144534_Chrome.jpg

New Member
1 0 0

Hello @oscprofessional 


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