Title: Sidebar Resizing
Last modified: August 30, 2016

---

# Sidebar Resizing

 *  [percept0](https://wordpress.org/support/users/percept0/)
 * (@percept0)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/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)

 *  [emranemranx](https://wordpress.org/support/users/emranemranx/)
 * (@emranemranx)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/sidebar-resizing/#post-6222841)
 * 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](https://wordpress.org/support/users/percept0/)
 * (@percept0)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/sidebar-resizing/#post-6222859)
 * 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](https://wordpress.org/support/users/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.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/evolve/4.3.7/screenshot.png)
 * evolve
 * [Support Threads](https://wordpress.org/support/theme/evolve/)
 * [Active Topics](https://wordpress.org/support/theme/evolve/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/evolve/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/evolve/reviews/)

## Tags

 * [sidebar width](https://wordpress.org/support/topic-tag/sidebar-width/)

 * 2 replies
 * 2 participants
 * Last reply from: [percept0](https://wordpress.org/support/users/percept0/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/sidebar-resizing/#post-6222859)
 * Status: not resolved