Reply To: Shortcode Issue on Sliding Panel

Ernest Marcinko
Ernest Marcinko


By default the search results are displayed in an absolute position element (to allow hovering under the search bar). In this case the result box parent is the document body itself, to ensure nothing else can influence it’s position and the calculations regarding it. The reason the results stay visible is exactly because of this – there is no connection between the pop-up and the search results box.

The solution is going to be really simple, just change the Results Layout Position option to “Block” on the Layout Options -> Results layout panel:

This way the results are displayed just below the search box as a block element, and stay within the scope of the pop-up box in a static position.

An alternative solution would be to trigger a document click event when the pop-up open/close button is clicked, by putting this code to the footer.php in your active theme directory:

<script type="text/javascript">
jQuery(function($) {
    $(".fa").on("click", function(){
Ernest Marcinko

If you like my products, don't forget to rate them on codecanyon :)