How can I add a sticky search bar on a website's hero image?

Store Design
9

Paste it at the very bottom of Assets/theme.css. If you are using older version of Debut, look for theme.scss.liquid inside Assets/

Remove the ‘>’

.hero__inner form.search-form { margin-top: 40px}