This members-only tutorial provides the steps to use the modal feature in Oxygen for sliding down a full-width search form covering the header when a magnifying glass icon in the header is clicked.
Clicking anywhere on the page outside the search form or the close button will fade away the search form.
Install and activate Code Snippets plugin.
Go to Snippets > Add New.
Title: Add support for HTML5 markup
add_theme_support( 'html5', array( 'comment-list', 'comment-form', 'search-form', 'gallery', 'caption' ) );
Set it to run only on front-end. Save changes and activate.
Add another snippet.
Title: Change search form input's placeholder text
This is a premium members-only content.
To view the rest of the content, please sign up for membership (one-time payment for lifetime access).
Already a member? Log in below or here.
Enter your email address to subscribe to this blog and receive notifications of new tutorials by email.
Join 101 other subscribers
Please log in again.
The login page will open in a new tab. After logging in you can close it and return to this page.