free search plugin

Is there a free word press product search plugin I can place in the header area?

 

Hi rinchere1979
There are many plugins in WordPress repository.
YITH WooCommerce Ajax Search
InstantSearch+ for WooCommerce

 

How can I add HTML based form to WordPress theme?

 

I entered the HTML code in the header.php section and it works but how can I move the search bar more to the right so that it is in the center of the page?

 

Please post your website URL, where you have managed to enter the HTML code.

 

http://idealfurnituremart.com/ The search bar is a bit too close to the logo.

 

Hello,

Paste following CSS in Custom CSS and save all changes.

Code:

.yith-ajaxsearchform-container {
text-align: right;
margin-top: 15px;
}

if you want to display search box in center write center in place of right in code.

That will resolve your issue.

Thanks & Regards
Yogesh Bhade

 

It works great but there is just one minor problem. When entering the first three letters, the suggestion text appears where the search bar previously was. Was also wondering if it is possible to expand the length of the search bar.

 

Add the following CSS to fix that issue.
Replace the above CSS with this:

Code:

.yith-ajaxsearchform-container {
    text-align: right;
    margin-top: 15px;
    float: right;
}
#menu {
    clear: both;
}

 

It works. Thanks.