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 1 year, 6 months ago.

Viewing 7 posts - 16 through 22 (of 22 total)
  • Author
    Posts
  • #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

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

    #16618

    Ellis
    Participant
    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?

     

     

     

    #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

    #16667

    Ellis
    Participant
    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

     

    #16756

    Ellis
    Participant
    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

     

     

     

    #16763

    SoZo
    Moderator
    Post count: 1573

    You’re welcome :)


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

Viewing 7 posts - 16 through 22 (of 22 total)

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