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
1810 382 546

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
If helpful then please Like and Accept Solution.
Buy me a coffee ☕ My PayPal
Jasoliya
Shopify Expert
4382 574 1103

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
4382 574 1103

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
4382 574 1103

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
9168 1561 1925

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

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87