Drop down suggestions inside filters do not appear correctly.
-
Hello,
I have added the product search filter inside the filters sidebar on shop, but when the results appear in the drop-down, they seem a bit off.
Below you will find a snip of the problem. Also, I have provided admin credentials. Feel free to apply any changes or disable any plugins.
Let me know how this can be fixed.
Best Regards
Hello,
Please enter the below code into the “Global Custom CSS” area in Theme Settings -> Custom CSS.
.woodmart-ajax-search .search-results-wrapper .wd-dropdown-results {
left: 0;
right: 0;
}
Thanks for your time and have a great day.
Kind Regards
Thank you for your answer. The CSS code worked.
I also noticed in small mobile devices, that the results overflow on the left.
Can this be fixed?
Best regards
Hello,
Could you please attach any screenshot for a better understanding?
I await your response.
Kind Regards
I have attached an image snip. You can see that the text of some titles overflows to the left a bit.
It still appears hidden but in some titles/products, it appears like it is cut out.
Let me know if you need anything else.
Best Regards
Hello,
In this case, try to use the below code as well.
.woodmart-ajax-search .search-results-wrapper .autocomplete-suggestion .wd-entities-title {
padding-right: 45px;
}
If you ever need to reach out to me, please do not hesitate to do so.
Kind Regards
Thank you for your answer.
Can this CSS be responsible for that behavior?
autocomplete-suggestions {
grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
}
Best Regards
-
This reply was modified 3 years ago by
supp0rt.
Hello,
You can try the below one code for that issue as well. Paste it into the “Mobile CSS” area in Theme Settings -> Custom CSS.
.sidebar-widget.woodmart-ajax-search .search-results-wrapper .autocomplete-suggestions {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
Kind Regards
.
