Search bar that drops down when you press the search icon

Ask the community
,
1

Can anyone please tell how how can I create a search bar just by displaying the search icon that drops down when clicked on the icon just like in this website www. cottonsjaipur .com/ .It would be a great help.

2
  1. Create/add a STRIPE onto the top of your page (mainpage or header, its on your choice)
  2. The ICON-Button should be placed in header-section, so it will be shown on every site which has an visible header.
  3. You will also need to add a close-button
  4. CODE should look like that…
$w.onReady(()=>{
    $w('#myIconButtonIdHere').onClick(()=>{     //<--- right ID of IconButton here
	$w('#strip1').show()	                //<----right ID of the strip here
    });
        
    $w('#closeButton').onClick(()=>{
        $w('#strip1').hide()	                //<----right ID of the strip here   
    });
})
3

Thankyou so much it worked. Appreciate a lot!