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 3 months, 3 weeks ago.

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

    Brian Del Turco
    Participant
    Post count: 2

    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?

    http://www.truenorthquest.com/
    #100837

    Susan
    Moderator
    Post count: 8508

    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.

    Thanks!


    Susan @ Graphically Designing I’d love to customize your website! I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #102097

    Brian Del Turco
    Participant
    Post count: 2

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

    #102122

    Vajrasar Goswami
    Participant
    Post count: 157

    .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?


    Twitter – Vajrasar

    #102199

    Brian Del Turco
    Participant
    Post count: 2

    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 …

    #102657

    Tom
    Participant
    Post count: 806

    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 - http://www.pearsonified.com/typography/
    extended  - http://typesetwith.me/
    javascript if you want to really get involved - http://simplefocus.com/flowtype/

    Possible?


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

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

You must be logged in to reply to this topic.