Full Screen Search Overlay

If i wanted to use a button class to trigger a ‘full screen search bar overlay’ for my header with HTML CSS and JS how would I do so using Foundation Press.

Im new to FoundationPress/Coding, I can’t quite figure out how to trigger the button to cause an overlay.

Could i just customize the code used in “js-off-canvas-overlay”

Any help would be appreciated. Thank you.