Header Search Hide & Show

msshpk
New Member
1 0 0

I'm using paid Warehouse theme.

I would like the following things

  1. Remove the Search Box from the Home Screen. This must only come up when the user clicks on the search Icon. 
  2. When the search box comes up, would like to remove the image of the search icon.

Here is the website https://prettydreamhomes.co.uk/

Thanks

0 Likes
Wahab_Ahmad
Shopify Partner
705 110 167

Hello @msshpk,

Welcome to the Shopify community!
Thanks for your good question.

Capture.PNG

 

Is this your requirement?

If helpful then please Like and Accept the Solution.
Want to modify or custom changes on store Hire me.
Contact me wahabahmadghori@gmail.com

 

0 Likes
Guleria
Shopify Partner
1360 278 384

Hello,

I can give you idea to implement but it should be must that you have knowledge of JS and liquid

1) Initially make the search box hidden with css and on-click of search icon show the search box.

2) When search box appears make the search icon hidden with JS.

I hope now you have idea how to implement it.


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.
0 Likes
MS-WEB-DESIGNER
Shopify Partner
2623 170 440

Dear @msshpk 

We will be happy to help you in this.

0 Likes
Natztech
Shopify Partner
873 238 638

hello @msshpk 

It seems that I need to enter into your store to do coding.
I need to add some HTML and CSS  code to add this functionality.

Can I send collaborative access to you for accessing your store for adding this functionality?

Thank you.

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes