Primarily, only a search icon appears on the screen, and when the user clicks on it the search form slides out, also known as the toggle effect. It is a neat effect that also saves space and allows users to focus on the content. Not to mention, this is great for mobile responsive themes.

Codetasker

Add Search Icon (toggle bar)

Rs. 399.00

Sale Sold out

Start A Project

Size 2 Days 3 days

Product variants

Prepay and save!

Codetasker Support Packs

Fast turnaround. No subscription. Dedicated experts.

Tell me more

/* if no javascript: get back ATC button */ body:not(.spo-loaded) [data-shopify="payment-button"], body:not(.spo-loaded).template-product form[action="/cart/add"] [type=submit], body:not(.spo-loaded).template-collection form[action="/cart/add"] [type=submit], body:not(.spo-loaded).template-index form[action="/cart/add"] [type=submit], body:not(.spo-loaded) form[action="/cart/add"] [type=submit] {opacity: 1; pointer-events: all} body:not(.spo-loaded) form[action^="/cart"]:not([action^="/cart/add"]):not(#currency_form) button, body:not(.spo-loaded) form[action^="/cart"]:not([action^="/cart/add"]):not(#currency_form) input[type="submit"], body:not(.spo-loaded) form[action^="/cart"]:not([action^="/cart/add"]):not(#currency_form) input[type="button"], body:not(.spo-loaded) [name="checkout"], body:not(.spo-loaded) [name="goto_pp"], body:not(.spo-loaded) [name="goto_amazon_payments"] {opacity: 1; pointer-events: all}

Ready to discuss your project?

EMAIL

PHONE

Codetasker HQ

Item added to your cart

Project summary

Add Search Icon (toggle bar)

Codetasker Support Packs

Project summary

Add Search Icon (toggle bar)

Let's start here!

Add Search Icon (toggle bar)

Project Price Regular price From Rs. 299.00 Regular price Sale price From Rs. 299.00 Unit price / per

Codetasker Support Packs

Project Price

Regular price From Rs. 299.00

Regular price Sale price From Rs. 299.00
Unit price per