Hi!
Thank you very much for your rating, I greatly appreciate it.
It depends on the implementation, but the easiest way I believe is using custom CSS with media queries based on screen sizes. For example this custom CSS:
[html]@media only screen and (max-width: 720px) {
.asp_m {
max-width: 600px !important;
}
}
@media only screen and (max-width: 520px) {
.asp_m {
max-width: 480px !important;
}
}
@media only screen and (max-width: 360px) {
.asp_m {
max-width: 280px !important;
}
}[/html]
These rules will limit the search box sizes based on the screen size. So if the screen size is below 720px, then the box maximum width is set to 600px etc.. You can change these values as you like, you can even use percentage values in the max-width attribute.