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

Pixel-perfect design meets WordPress!

Oxygen is the best way to visually design WordPress websites.
If you can build it with WordPress, you can design it with Oxygen.
  • Lifetime Access
  • Oxygen Classic + New Oxygen
  • All Premium Add-Ons
  • 60-Day Money Back Guarantee
Start Designing

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.