for a fast fix…css…
in plugins/ajax-search-for-woocommerce/assests/css/styles.css
look for around line 615
.dgwt-wcas-sf-wrapp {
zoom: 1;
width: 100%;
margin: 0;
position: relative;
background: #444;
background: rgba(0,0,0,.2);
}
and add:
min-width: 500px;
so it looks like this
.dgwt-wcas-sf-wrapp {
zoom: 1;
width: 100%;
margin: 0;
position: relative;
background: #444;
background: rgba(0,0,0,.2);
min-width: 500px;
}
of course change the 500px to whatever you want. for mobile, you would need to create @media and screen sizes for this now since you are giving it an absolute value.
of course you will want to backup before making this change.
only do this if you do not plan on upgrading the plugin, otherwise an upgrade may overwrite this code.
It is better to put it into a custom.css file of your own and link to it.
Depending on your theme you could…in admin
go to: Appearance
——> Customize
———-> Additional CSS
and place it there but sometimes this does not work. Dependent on theme.
Hope this helps.