Container Width and 'Full Width Content'

Community Forums Forums Design Tips and Tricks Container Width and 'Full Width Content'

This topic is: not resolved

Tagged: 

This topic contains 4 replies, has 2 voices, and was last updated by  nutsandbolts 6 months, 4 weeks ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #96870

    democracychronicles
    Member
    Post count: 14

    I have my site-container max-width at 1280 but my ‘full width content’ pages are not displaying at 1280. Is there something that is making pages display at a different width? This is all I have changed in my child theme News Pro. I am hoping to solve this quickly.

    .site-container {
    background-color: #fff;
    border: 1px solid #e3e3e3;
    margin: 60px auto;
    max-width: 1280px;

    http://www.democracychronicles.com/
    #97043

    nutsandbolts
    Moderator
    Post count: 3173

    Did you get this resolved? I’m still not sure I understand the issue – I’m seeing the World Democracy News page with a max site container width of 1285px, which takes the content all the way to the edges of the container.


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #97212

    democracychronicles
    Member
    Post count: 14

    Thanks for that. I did get what I wanted done for now after a bunch of trial and error with CSS. I dont really understand mobile optimization so I did a temporary fix until I understand more. If you look at all my cornerstone pages like “World Democracy News”, you can see that all are made up of tables with either full width or 320px. This way nothing gets too messed up, just broken up on small screens. Setting a max width I can handle makes it not look terrible on larger screens. Do you have any suggestions for me going forward? I am working on 10 things at the same time but I’m glad to have updated to Genesis. I could delete at least 5 plugins!

    #97288

    nutsandbolts
    Moderator
    Post count: 3173

    Honestly (and you may not want to hear this) I would avoid using tables in the future – see this article for some discussion on why that’s not the best idea for modern websites.

    Genesis has built in column classes you can use to arrange your content, and those classes also have built in CSS for media queries so they’ll break up correctly on phones and tablets.

    As someone who built static HTML websites for YEARS (including tables) I know it’s hard to imagine switching to something else – I hated WordPress for the first year because it was so different from what I was used to. But when I look at your page source, I see a lot of work that could be made easier if you can work with Genesis instead of working around it. Hopefully that makes sense.


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #97290

    nutsandbolts
    Moderator
    Post count: 3173

    Honestly (and you may not want to hear this) I would avoid using tables in the future – see this article for some discussion on why that’s not the best idea for modern websites.

    Genesis has built in column classes you can use to arrange your content, and those classes also have built in CSS for media queries so they’ll break up correctly on phones and tablets.

    As someone who built static HTML websites for YEARS (including tables) I know it’s hard to imagine switching to something else – I hated WordPress for the first year because it was so different from what I was used to. But when I look at your page source, I see a lot of work that could be made easier if you can work with Genesis instead of working around it. Hopefully that makes sense.


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

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

You must be logged in to reply to this topic.