Insert Search Bar inbetween Menu and Cart on Mobile Supply Theme

New Member
1 0 1



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!

Replies 5 (5)
Shopify Partner
11467 1801 2307





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

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
34 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?



New Member
1 0 0



12 0 1

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