Sidebar Resizing

  • Hello,

    I’m trying to resize my side bars so they are only about 25% of my page. I am using the code below to make that work, however it has interfered with the responsive design.

    Can you please explain how to adjust my sidebar with and maintain the responsive design.

    Current code being used:

    .aside {
    width: 25%;
    }

    #primary {
    width: 870px;
    }

    #sidebar-primary {
    width: 300px;
    }

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi there,

    Thanks for writing in,

    If you wish to stay with responsive design on all layouts you should try adding following code under Appearance > Theme Options > Custom CSS:

    @media (min-width: 768px)
#primary {
  width: 74.36%;
}

    Thanks.

    Thread Starter percept0

    (@percept0)

    Thank you for your reply. And so quickly! This helped return the responsive design, however – it returned the sidebar size to about 1/3 of the page which is far larger than I would like.

    The custom css deletes the width:74.36% see below

    @media (min-width: 768px)
    #primary {

    }

    in the Appearance > Theme Options > Custom CSS it will remain, but the width does not stick. It remains at about 1/3 of the page, which is also the normal sidebar size without any changes.

    Any other suggestions?

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sidebar Resizing’ is closed to new replies.