You are welcome!
Width on mobile
Sure, by adding a max-width attribute via custom CSS:
[html].wf-active .asp_r_1 {
max-width: 80%;
}[/html]
This should only apply on mobile devices, as I noticed that the wf-active body class is not present on desktop.
Width on desktop
To make it wider, you need a similar code, but this time changing the min-width attribute instead:
[html].device-desktop .asp_r_1 {
min-width: 400px !important;
margin-left: -200px !important;
}[/html]
You can skip the margin-left value here, I only added it to shift the results block to the left, since the width change will push it to the right. You will have to experiment with the values as you like.
There isn’t any downside for this change, the plugin script should still be able to calculate the correct results drop-down location.
Results override
To display the plugin results on the results page, you can enable the results override feature. It works for most themes, unless they have a custom override active. Unfortunately this cannot be set to mobile devices only.
Those custom CSS codes look correct to me, great job!