Custom Close X for search bar

mattpermute
Excursionist
22 0 8

Hello,

I created and added a custom x for the search menu drop down.

Currently the dropdown closes when you click off the menu, but my client want an X there so its clear to user how to close.

How do I make the X clickable and when its clicked it closes the window?

I have attached images for reference.

Here is the link: https://qfzs5aeot7aig68e-11985066.shopifypreview.com

-MM

Screen Shot 2021-06-10 at 4.02.18 PM.png

0 Likes
aio_xp
Excursionist
30 1 5

didn't understand, clearly clarify it please, 

<span class="header-navigation-slide-close-test active " style="display: block;"></span>

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on kuparkoti@gmail.com regarding any help
Shopify Expert | Skype: kuparkoti
Whatsapp: 00971568836211
mattpermute
Excursionist
22 0 8

I need the function to be if you click the X, the search window closes. 

I based this code: " <span class="header-navigation-slide-close-test active " style="display: block;"></span> "  off of the code from the other menu on the left side (see attached image)

Does that clarify? Let me know if you need more information

-MM

 

Screen Shot 2021-06-10 at 5.05.00 PM.png

 

0 Likes
aio_xp
Excursionist
30 1 5

you mean you want searchbar left side instead of right side?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on kuparkoti@gmail.com regarding any help
Shopify Expert | Skype: kuparkoti
Whatsapp: 00971568836211
0 Likes
mattpermute
Excursionist
22 0 8

no i want the search bar to remain on the right side, but need the x in the search bar to function how the x on the menu on the left side does.

Right now the x in the search bar doesn't do anything when clicked. I need it to close the search bar when its clicked

 

0 Likes