I have created custom master page using html and design manager. Now as per my html in below design. I want to redesign search box as below which will open on click on search Icon.

Customize search box design

As I am new in Branding of sharepoint 2013 . Anyone please assist me how can I do that.

1 Answer 1


Set Display:none to outer div of Search box by default. so when page will load it will not show on UI.

And use Jquery Hide() and Show() to toggle it.

  • I done with that hide show code i have jquery & html but i want to use it as a advance search box. I don't know how to do that. Will you please share the steps for that?
    – akj
    Commented Dec 29, 2016 at 3:54

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.