results popup too small

Resolved drusixtynine
(@drusixtynine)

9 years, 3 months ago
Hi there,
I love this plugin, simple and very powerful
The only thing is that the popup showing the results while typing is way smaller than the search field, so the dropdown menu doesn’t show everything, it cuts text and all.
I don’t find any way to customize that in the prefs, is there any way to do that within the site’s css?
Any help would be appreciated
Thanks
- This topic was modified 9 years, 3 months ago by drusixtynine.

Viewing 4 replies - 1 through 4 (of 4 total)

Plugin Author YummyWP
(@yummy-wp)

9 years, 3 months ago

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

Thread Starter drusixtynine
(@drusixtynine)

9 years, 3 months ago

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 http://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

Plugin Author YummyWP
(@yummy-wp)

9 years, 3 months ago

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.
Plugin Author YummyWP
(@yummy-wp)

9 years, 3 months ago
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 9 years, 3 months ago by YummyWP.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘results popup too small’ is closed to new replies.

Tags