Code for Search Bar

32 0 1


I have been digging the entire Shopify forum and internet since days to find out a fix for the below issue but no help. I asked a question on this forum as well, but no one replied. I will be really thankful if someone can help me out in fixing the below problem:


I want my search bar to be elongated and static rather than an icon.

My store currently looks like this:



Whereas I want a search bar that looks like this:




I need an elongated search bar because my store has a huge list of products and I need a pretty visible search bar where a customer can quickly search for the products that may want to buy.

I am using a shopify theme (Debut).

I know that this is possible via code only, Can someone please help me with the code (Which file do I edit, and what code do I need to add).?

Looking forward to your kind response.


hii, @Khan01 
kindly share your store URL so,
I can solve it perfectly.
Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme,
Hire us. or Want to know more. Read our Shopify Blogs.Email us: Get support