Text and elements not resizing as expected

[jstovallcollaborative]

Hi there, can someone help me understand why the elements on my site are not resizing as expected?

Use http://doespfl.staging.wpengine.com/employers/ as an example. The header image doesn’t size down when the width of the page decreases, but the text does: http://take.ms/xoiWy. I’d actually like the text to size down less, and the image more.

Second item is in the footer. I’m losing text in this section when the screenwidth changes, and I don’t understand why the text isn’t sizing down there, as well: http://take.ms/SM6CD.

Any insight you can provide is appreciated. Thank you very much!

[friech]

Hi There,

Thank you for writing in, I see that you’re using a px unit on your section’s padding. px is a fixed value regardless of the screen width.

Please use % or em unit instead.

CSS units for font-size: px | em | rem

Regarding the footer, please set the height of your first Bar to auto

Hope it helps,
Cheers!