Search box not working properly

Hi

The problem is that box with search results have absolute css position. And when its appears it overlaps search box. For some reason its has wrong ‘top’ css property.

Please make some manually changes in the plugin file and write me if it help you.

Open assets/js/common,js file, find

init: function() {

    $('body').append('<div id="aws-search-result-' + instance + '" class="aws-search-result" style="display: none;"></div>');

    methods.resultLayout();

},

and replace it with

init: function() {

    $('body').append('<div id="aws-search-result-' + instance + '" class="aws-search-result" style="display: none;"></div>');

    setTimeout(function() { methods.resultLayout(); }, 500)

},

Hi

ok I just tried that and it fixed problem in the my test page https://www.henleyfan.com/shoptest/ but not on my live shop page ??

https://www.henleyfan.com/shop-2/?swoof=1&product_cat=ceiling-fan . I tried on the test page using the Divi theme which is what I am using and again it worked fine. I then took off the WOOF plugin sidebar product filters and the conflict was removed but obviously cannot use both plugins together!

Thanks

Pete

Hi – I have now made a work around by putting it into my header which works fine without any conflict, thanks.

Pete

Glad to hear that. So when you moved search box inside header all begin to work fine?

Yes there were no conflicts anymore.