WordPress Full Screen Search Overlay

Description

WordPress Full Screen Search

This plugin allows you to create a full screen search overlay in WordPress.

There are no settings for this plugin. Simply activate it, and it works.

Once the plugin is activated, you can click on an existing search field or search button, and it will display the full screen search overlay.

Basically this plugin displays a full screen search overlay for your default WordPress search forms.

Credits

This plugin is created by WPBeginner as part of Syed Balkhi’s internal project.

What’s Next

If you like this plugin, then consider checking out our other projects:

Visit WPBeginner to learn from our WordPress Tutorials and find out about other best WordPress plugins.

We also offer free WordPress video tutorials and numerous comprehensive guides such as how to choose the best WordPress hosting, how to install WordPress, and more.

Note for Beginners

Like all plugins available for download, Full Screen Search Overlay is only available for self-hosted WordPress sites. This means you will need to switch from WordPress.com to WordPress.org if you want to use this plugin on your WordPress site. For more details, see my infographic on Self hosted WordPress.org vs Free WordPress.com

Lastly, do consider following WPBeginner on Twitter, Facebook, and YouTube.

Installation

  1. Install Full Screen Search Overlay either via the WordPress.org plugin repository or by uploading the files to your server. (See instructions on how to install a WordPress plugin)
  2. Activate Full Screen Search Overlay.
  3. Navigate to your site and click on the search field to see it in action.

Reviews

Awesome plugin

Very cool plugin, works as intended. 4 stars because it’s apparently “one-click” only, no customization whatsoever.

Working Pretty Well

I have not had any major problems with it. The idea of making things easier for mobile users is great. I think this may be something that i install on every website by default.

I noticed when using this plug-in that a gap appears at the footer when this plug-in is activated. It looks like the search box is being pushed back there by default. There my be another suggestion, but it seems a quick fix is to add this CSS to the website:

#full-screen-search{
display: none;
}

#full-screen-search.open{
display: block;
}

Make sure your search form has the role search, and there really shouldn’t be any problems with it.

🙂

Didn't work for my theme.

I’m using a rather popular theme, Enfold, and this plugin simply didn’t work for me. When I looked further into the documentation, it recommends using SearchWP, which costs $49.

Read all 4 reviews

Contributors & Developers

“WordPress Full Screen Search Overlay” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.1

  • Added: IDs to elements for easier CSS targeting

1.0.0

  • Initial release.