Some items not resizing with boxed, autoresponsive site

[David]

David

May 18, 2015 at 10:56 am

Hi! I think I have completely bonked my brain trying to figure this out. My client’s site is longspeaksportsmedicine.com. If you look at it from a desktop browser and a reasonably high resolution, everything looks as intended. It’s in boxed mode and all elements line up perfectly on the left and right sides, no gaps or extraneous spaces. When I narrow the browser, at some point elements start to scale down, but gaps appear. When I view the site on a phone, the slider and a table toward the bottom don’t scale at all. The client doesn’t like this.

I have tried many variations of @media (min-width: ### px) in advanced options with no improvement. If I take that out completely, responsive scaling is better, but then I start seeing large gaps to the left and right of the site logo, menu, and other places. I don’t like this. So…

1. Can you please help straighten out my brain, and maybe my CSS too?
2. Do I have enough extra CSS that it’s starting to make sense to use a child theme? I don’t remember how but can look into it again.

THANK YOU for any assistance you can provide!
David