Published on May 16, 2021

Tutorial: How To Create A Flyout Search Form In Oxygen

In this video, follow along with Elijah and see how to easily create a search form using a Modal that animates in from the top of the page. Using a couple of lines of JS, the search text box can automatically take focus so that the cursor is automatically in the correct place to begin typing your search term.

The Oxygen Team
Updated on: May 16, 2021

You'll build incredible websites with Oxygen

Get started with Oxygen today and unlock incredible value.

Get Oxygen

30-day money back gurantee

Try Oxygen risk-free. If youโ€™re not satisfied, get a full refund within 30 days.

Unlimited site license

Use Oxygen on as many personal or client projects as you want โ€” no limits.

Fast, world-class support

Our experienced team is eager to assist you with technical questions.

Use on client websites

Build and deliver professional-grade websites for your clients with no extra fees.