Hi!
Since the width of the bar is given in per cents (60%), when the screen width is decreased, the bar width decreases as well.
What I suggesst is to add a custom CSS for mobile screens to increase the width to at least 90%. Something like this:
[code]
@media only screen and (max-device-width: 480px) {
div.ajaxsearchpro[id*="ajaxsearchpro2_"] {
width: 90% !important;
}
}
[/code]