Updated on June 28, 2020
In the Oxygen's Facebook group a user asked:
Please anyone help me to create search form with the search icon I would like the search form be expandable when the icon is clicked
This tutorial provides the steps to display a magnifying glass image which when clicked expands so the user can type their search query and press return to initiate a search in Oxygen.
Add a Search Form element in the Oxygen editor. This can be found under the WordPress group.
Add HTML5 markup support for the search form (besides other elements).
Upload this search icon image to your Media Library.
Add the following CSS sitewide:
This is a premium members-only content.
To view the rest of the content, please sign up for membership ($47/month or $399 one-time).
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 581 other subscribers