Responsive Design Not Being Responsive!

[arekeon27]

Hey Everyone,

I’m developing a website using WordPress Genesis and I wanted to expand the page width on the ‘about’ and ‘portfolio’ pages.

I’ve done that however I am unable to maintain the responsive design on those pages.

Unfortunately adjusting the width to auto in the media queries has zero effect.

Even changing the width from 1% to 1000% seems to affect the layout of the text but it never looks correct no matter what I try.

Any ideas?

http://kevinaross.com/about/

Thanks

[JeroenR]

It is because of the set width on the .content.
Change .page-id-9 .content width: 1200px for example to max-width: 1200px, and also for .content change width: 600px for example to max-width: 600px. Then it will work.

[arekeon27]

Worked like a charm, thank you so much JeroenR!

Per this post on css-tricks I also set the width: 100% in .page-id-9 .content.

https://css-tricks.com/tale-width-max-width/

Otherwise the desktop version went back to the default width even when I set max-width.

[Author]

Posts