Increase Sidebar Width on eleven40 Theme

Community Forums › Forums › Design Tips and Tricks › Increase Sidebar Width on eleven40 Theme

This topic is: resolved

This topic contains 21 replies, has 3 voices, and was last updated by  SoZo 3 months, 2 weeks ago.

Viewing 7 posts - 16 through 22 (of 22 total)
1 2
  • Author
    Posts
  • January 30, 2013 at 7:37 pm #16606

    SoZo
    Moderator
    Post count: 1573

    What is it you’re seeing in the sidebar?

    You have a Pages widget in footer widget 1. Is that what you’re referring to? Can you post a screenshot?

    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    January 30, 2013 at 8:03 pm #16614

    daniel123
    Participant
    Post count: 52

    I can confirm that your content and sidebar are properly aligned.  The sidebar isn’t pushed to the bottom, looks great from my iMac.

    January 30, 2013 at 8:10 pm #16618

    Ellis
    Member
    Post count: 10

    When the View (zoom) in Firefox is set to normal the sidebar goes to the bottom. When the View is zoomed out 2 clicks then the right sidebar comes to the top where it should be. No matter how much I zoom out in Safari, the sidebar remains at the bottom. It must have something to do with the responsive theme?

     

     

     

    January 30, 2013 at 9:24 pm #16666

    SoZo
    Moderator
    Post count: 1573

    No, the responsive rules only kick in when you reduce resolution or the viewport size not when you zoom in or out.

    Make sure your zoom is set to actual size.

    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    January 30, 2013 at 9:32 pm #16667

    Ellis
    Member
    Post count: 10

    Here’s a link to a screenshot of how the sidebar is forced to the bottom on my computers -

    http://www.petcarejournal.com/sidebar.bmp

     

    January 31, 2013 at 10:59 am #16756

    Ellis
    Member
    Post count: 10

    I figured out the problem. There was one more piece of code to edit to make it render properly across all the machines. In the CSS scroll all the way down to this category:

    /* Responsive Design
    ———————————————————— */

    Change the width here too:

    .content-sidebar #content,
    .sidebar-content #content {
    width:630px;
    }

    So in the eleven40 theme, using content and 1 sidebar (and the other layouts could be adjusted accordingly I reckon), there are 3 places to change the width for content and sidebars:

    /* Content
    ———————————————————— */

    .content-sidebar #content,
    .sidebar-content #content {
    width: 810px;
    }

    /* Primary / Secondary Sidebars
    ———————————————————— */

    .sidebar {
    display: inline;
    float: right;
    font-size: 14px;
    padding: 25px 0 0;
    width: 250px;
    }

    /* Responsive Design
    ———————————————————— */

    .content-sidebar #content,
    .sidebar-content #content {
    width: 630px;
    }

    Thanks so much John for all of your help,

    Ellis

     

     

     

    January 31, 2013 at 11:07 am #16763

    SoZo
    Moderator
    Post count: 1573

    You’re welcome :)

    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

  • Author
    Posts
Viewing 7 posts - 16 through 22 (of 22 total)
1 2

The topic ‘Increase Sidebar Width on eleven40 Theme’ is closed to new replies.