Didn't work for my theme.

What about it did not work? Did you insert a search widget into your page? Do you have a test URL to share?

Hey there,

The plug-in seems to be in there as it should be working. I manually applied the class “open” to the html to the plug-in’s output HTML and everything worked fine.

This lead me to believe something was not allowing the JS to activate. Looking at the JS file (http://dotorgwebworks.org/wp-content/plugins/full-screen-search-overlay/assets/js/full-screen-search.js?ver=1.0.0 ), it looks like only forms with the role of ‘search’ associated with the form activate the overlay to appear (which makes sense, otherwise this thing would be popping up everything).

Depending on how your theme is made, you should be able to modify the theme and add in –role=”search”– to the search form. You may ask the theme vendor if they might do this update for you.

I am using an advanced search plug-in (https://wordpress.org/plugins/relevanssi/ ) and I am also not getting the issue that you are getting. I can’t say that it will edit your search form HTML, but it may work.

Here is the code from the website that i am using this plug-in on, where the search form overlay works:

——

<form role=”search” method=”get” id=”searchform” action=”http://1236demoURL.com/”&gt;
<div><label class=”screen-reader-text” for=”s”>Search for:</label>
<input type=”search” placeholder=”” value=”” name=”s” id=”s”>
<input type=”submit” id=”searchsubmit” value=”Search”>
</div>
</form>

—–

Note the form tag has a search role and the input text box is a search type.

Hope that helps.

I am not the theme developer, just trying to be helpful.