Option 1: Re-using your existing search button
Option 2: Adding a Depict search button
Option 3: Adding a Depict search field
First Step
<div class="depict-search-field"></div>
in your theme)Adding a search field block in the theme editor
Done
The "Depict Search Field" block
The search modal that aligns to the search field when focusing/clicking it
Center aligned (default), Click to enlarge
Vertically aligned to button, click to enlarge
data-align-to-self="true"
to the element.Block settings of the "Depict Search Button"