I tried most of the available plugins to integrate Live Search in WordPress, but all of them messed up my theme layout.

The search function in my site is from a small search box at the top right using the following code in header.php:

<div id="search">
    <div class="search-content">
        <form method="get" id="searchform" action="http://example.com/">
            <input class="form-control search-input" type="text" placeholder="<?php _e('Search..', 'demotheme'); ?>" name="s" id="s" value="<?php echo get_search_query(); ?>">
        <button type="submit"><i class="fa fa-search"></i></button>

So far I have tested these plugins:

  • Dave's WordPress Live Search
  • Ajax Search for WooCommerce
  • Ajax Search Lite
  • SearchWP Live Ajax Search
  • Advanced Woo Search
  • Ivory Search – WordPress Search Plugin

Every time I try to replace the default search function <?php echo get_search_query(); ?> in the header file with the plugin shortcode, I got the following mess in my theme:

enter image description here


  • Which plugins have you used so far? What did they mess up in your theme layout? Sharing a link or screenshot would be a better idea to understand the issue. – Kashif Rafique Jan 25 '19 at 23:03
  • 1
    What is live search? Keep in mind that plugin recommendations are off topic here and not in scope of this stack – Tom J Nowell Jan 26 '19 at 0:24
  • post updated with new information – Ronan Jan 26 '19 at 0:30

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.