Hi,
Thank you for all the details, it helps us a lot.
Okay, so for some reason, even thoug the results width should always follow the box width there, it keeps resetting to 10 000px width. I tried to look through all the parent nodes, as well as the search elements, to see what is pushing this extremely high width, but there is nothing suspicious there. My only guess is, that for some reason the parent element is not properly considered as parent, and setting the default 100% width goes into infinity.
I have never seen an issue like this before, so I am only guessing.
I think I might have a solution though, or at least it should make a difference. Instead of the current search shortcode, can you please try replacing it with this:
[wd_asp elements='search,results,settings' ratio='100%,100%,100%' id=1]
This should force an additional element as parent to the results box, and hopefully limit it’s width. Also, use this custom CSS along with it:
.asp_r_1 {
max-width: 750px;
}To add a top margin, try this one:
.asp_r_1 {
margin-top: 12px !important;
}2. To disable empty searches, you can increase the minimum character input to trigger the live search here: https://i.imgur.com/RSleeCF.png
Please let me know if anything changes.