Minimum Pro help – trying to adjust width w/o killing mobile responsiveness

Community Forums Forums General Discussion Minimum Pro help – trying to adjust width w/o killing mobile responsiveness

This topic is: not resolved

Tagged: , ,

This topic contains 5 replies, has 4 voices, and was last updated by  Tom 1 year, 7 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #93827

    Brian Del Turco

    I’d like to narrow the post width from 720 to something like 620 to 640 (prefer shorter line length for readability). I’d also like to adjust the sidebar from 340 to 300. When I do this in CSS, it kills the mobile-responsiveness. I like the Minimum Pro theme.
    Is there a way to do this in CSS without killing responsiveness?


    As you posted this a while ago, I hope your issue has been resolved. If not, please check back in here, and I will troubleshoot (or escalate) as appropriate.

    If your issue has been resolved, please mark it “resolved”, so that it can be closed.


    Susan @ One Happy Studio I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts


    Brian Del Turco

    Thanks, Susan … this issue has not been resolved. Any help is greatly appreciated!



    .content will be 640px
    .sidebar is already 300px
    and finally .wrap will be 1100px (for some breathing space, you can reduce that)

    You tried this?

    I make WordPress websites using Genesis Framework.

    WordPress/Genesis Development | Customizations


    Brian Del Turco

    Hey, thanks. I have tried a number of things, but it whacks the mobile responsive on phones, etc. I’m assuming there’s something more I need to do …



    Hi Brian,

    Changing structure is more than just selecting a width because, as you’ve found, everything changes with screen/device size and they all interact with each other. So, since you’re actually after readability / characters per line, why not focus on the type instead of the structure?

    Start with something like :

    .entry-content p {
      font-size: 20px;

    That might carry you right down to smartphone presentation with just one line of CSS.

    You can get more involved if you like. There’s lots of expertise and tools available, for example, with these links (quoted to prevent the antispambot from nuking my post :) )

    basics -
    extended  -
    javascript if you want to really get involved -


    Choose your next site design from over 350 Genesis themes.
    Updates via | Twitter | Google+ | Tumblr

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

You must be logged in to reply to this topic.