Forums

Give help. Get help.

  • # December 3, 2017 at 3:53 pm

    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?

    About

    Thanks

    # December 4, 2017 at 1:06 am

    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.

    # December 4, 2017 at 6:16 pm

    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.

    A Tale of `width` and `max-width`

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

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag