How do change search bar

Marlvin
New Member
1 0 0

How do i change the search bar on the theme, the current one thats there is like thisScreenshot 2019-11-11 at 16.07.37.png

 

What i want is something like this Screenshot 2019-11-11 at 16.08.42.png

 

Please help, if there is an app i can use or a tweak i can make within the back end.

Replies 9 (9)
Guleria
Shopify Partner
2014 426 621

Hello Marlvin,

There is no need of app to do this, you have to just remove existing html and add new one a/to to need.
Please share which theme you are using.
Thanks

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
Buy me a coffee My PayPal
Try GEMPAGES page builder.
Jasoliya
Shopify Expert
4519 586 1131

Hi @Marlvin 

Yes, For that where to manage custom code for search bar or just you can reduce height of search bar.

Send your store url

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Bambatt
Tourist
19 0 2

Hi! I wanted to change my product search bar to make is smaller and only say 'SEARCH' 

Jasoliya
Shopify Expert
4519 586 1131

send your store url and output you want will check if possible 

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Bambatt
Tourist
19 0 2
Hi there, the URL is 
 
Jasoliya
Shopify Expert
4519 586 1131

As i can see you have supply theme, so if you want to make just search text and redirect on search page then we have to change header search code. we cant do just by any css.

May be you have to hire developer if you dont know code. if want PM me.

I can suggest way here,

1. open section->header.liquid file and find 'search-bar' and remove whole form and place this line

<a href="/search">SEARCH</a>

Want to modify or custom changes on store hire me.
Want to convert visitor to buyers ? try This app.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
Kreative_Kren1
New Member
1 0 0

Hey there, 

My theme is minimal and I want to change how the search bar looks in the mobile version. 

shopify url - https://paints-brush.myshopify.com/

Currently it looks like- WhatsApp Image 2021-07-29 at 8.00.31 PM.jpeg

This too when I have like opened the menu...What I want instead is the search bar appears in the header itself

What I want it to look like - WhatsApp Image 2021-07-29 at 8.00.31 PM (1).jpeg

 

greg2355
New Member
3 0 0

Hi. I am using the Showcase theme and have the same problem. How do I fix this? What code do I need to edit and what do I replace it with?

oscprofessional
Shopify Partner
11542 1807 2312

Hey Hi @Marlvin @Kreative_Kren1 

I can help you in this. You have to do some custom code in header section

You can message me privately. I will do it for you

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | 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