results popup too small

Hi!
Thanks for using my plugin!
Could you please provide a link to your site?

Hi,
thank you for your answer,
actually the popup seems to have a good width now, I don’t know if it was a problem with my browser window or anything else
here is the url https://test.kazan.tn/produits/
But I still have another problems, maybe you can test as follows:
if you type “bovin” for example, you have 2 results and the text you type is hidden by the results (that’s a first problem) then if you click anywhere else on the page to close the popup you can’t modify the text anymore (second problem) and the only solution is to reload the page to make another search

Hi again!
I checked your site and there’s really some issue with styles. I’l figure out how to fix this and will reply.

Hi!
To solve this issue you should add some custom styles

.woocommerce-product-search input[type="search"] {
	float: none !important;
}

.smart-search-results {
	margin-top: 8px !important;
}

and add custom javascript – plugin gets width of search input on DOM ready, but in your case the width is not right at that moment probably because of many css files

setTimeout(function () {
    jQuery('.smart-search-results').css({
	width: jQuery('.smart-search-results').siblings('input[type="search"]').eq(0).outerWidth() + 'px'
    });
}, 1000);

• This reply was modified 7 years, 11 months ago by YummyWP.