Need Help

[Farhaj]

Hello, this is Farhaj from Perfume Parlour, I need a search bar instead of a search icon on my perfumeparlouruk.myshopify.com website, I am using the motion theme, also I applied the search bar by Rapid search app but it's not looking good on the mobile view, it's overlapping on many pages, right now I disabled the bar on mobile view and it's enabled on the desktop view, I am using Dofinder app for the search function and for only search bar I am using Rapid search app but wants responsive search bar both on mobile and desktop with place holder "Find your Favourite Fragrance".

Thanks 
Farhaj

[webwondersco]

@Farhaj , Hope you are doing well.

I have checked your store. Could you please share more details on what you actually want to do with the search bar results?

[Farhaj]

I actually shared every detail, i don't want to show results, the search engine is doing fine with dofinder app I just want to show the search bar instead of the search icon on the header. 
I disabled the search bar from the Rapid app, check website now. 

[webwondersco]

Okay got it.

do you have the knowledge of liquid code?

What we can do, is just keep the search form in the header. comment on the code for the icon and put the code of the search bar form in the header. 

Just for your reference how the input type search bar code look like:

<input type="search" name="search[query]" value="" autocapitalize="off" autocomplete="off" autocorrect="off" >

[Farhaj]

Thanks for code, but i am not much confident to use the codes, can you do this for me?

[webwondersco]

@Farhaj , Yes Can help with this