Home Search – Inputs under each other.

Kor, I know what you’re saying…on truly small mobile screens, the 3 searchers ARE stacked.
But for a desktop — say, a Dell Laptop — it isn’t really mobile and doesn’t “hop” into stacked mode.

Perhaps looking at feptc.org on Responsinator.com will give you more the idea of what I mean.

I’m not certain what precise width has most problem, but what happens is that Search For has a puny length!

Frequently, the Categories and Search for share the top line and there’s a Loooong “Near” input box.

I know Responsiveness (Responsivity? What IS that word?) is a bear, but if I have potential for “causing” stacked lines via CSS, I can use media queries to accomplish it.

Is it possible I could force the 3 search fields into mobile width at a higher resolution?

Could I use CSS — is that what the mobile response is affected by?

Let me know what you think, please.

The Home page is what I’m questioning.

iPad picture attached — you’ll see the Search For box is rather stunted.

While on my Ipad, I went to site below and got the resolution.
https://www.whatismyscreenresolution.com/

YOU ARE USING
768 x 1024

I’d like to find out how to change the 3 boxes to stacked when I hit that resolution.

Is it possible? Think would be more usable.

Thanks for your counsel!