How to move up the search bar and float it

Hi
how do I make the search bar should be in front of the user basically in the middle of the screen, s/he should not need to scroll down to see it?
and is it possible to make it floating so it should always stay on the page even when scrolling to the bottom?

Hi,

Sorry, there’s no simple code snippet for this, it would require a custom implementation. If customizations beyond the available features are required for your site, please consider hiring someone for custom work https://fvrr.co/32e7LvY