Title: Adjusting sidebar & content widths?
Last modified: August 21, 2016

---

# Adjusting sidebar & content widths?

 *  [mashedspuds](https://wordpress.org/support/users/tonyfrost/)
 * (@tonyfrost)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/adjusting-sidebar-content-widths/)
 * Hi.
 * I’m in the process of adjusting both column widths (sidebar & content).
 * I’m able to affect the sidebar with this:
 *     ```
       /* Adjust sidebar */
       #sidebar-primary {
           max-width: 100%;
           width: 10.27%;
       }
       ```
   
 * But can’t seem to change the content:
 *     ```
       /* Adust main content */
       #content {
         max-width: 100%;
         width: 80.54%;
       }
       ```
   
 * [Linky to the site](http://www.theauctionbayseller.com/).
 * Thank you.

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

 *  [.](https://wordpress.org/support/users/techievous/)
 * (@techievous)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/adjusting-sidebar-content-widths/#post-5140006)
 * It’s a responsive theme; you need take [@media](https://wordpress.org/support/users/media/)
   queries into consideration as well, and being more specific would help overwriting
   the less specific codes:
 * content width on desktop view
 *     ```
       @media all and (min-width: 950px) {
           .layout-2c-r #content {
               width: 80%;
           }
       }
       ```
   
 * content width on other view (in this case, smaller than 950px in hte default 
   code of the theme).
 *     ```
       #content {
           width: 90%;
       }
       ```
   
 * The same with your sidebar. Be sure to take both small and large screens into
   consideration:
 *     ```
       @media all and (min-width: 950px) {
           .layout-2c-r #sidebar-primary {
               width: 18%;
           }
       }
       ```
   
 * on other views
 *     ```
       #sidebar-primary {
           width: 90%;
       }
       ```
   
 *  Thread Starter [mashedspuds](https://wordpress.org/support/users/tonyfrost/)
 * (@tonyfrost)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/adjusting-sidebar-content-widths/#post-5140029)
 * Many thanks for taking the time to solve this!
 * I’ve only used the following:
 *     ```
       @media all and (min-width: 950px) {
           .layout-2c-r #content {
               width: 75%;
           }
       }
       @media all and (min-width: 950px) {
           .layout-2c-r #sidebar-primary {
               width: 10%;
           }
       }
       ```
   
 * And all seems ok.

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

The topic ‘Adjusting sidebar & content widths?’ is closed to new replies.

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

## Tags

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

 * 2 replies
 * 2 participants
 * Last reply from: [mashedspuds](https://wordpress.org/support/users/tonyfrost/)
 * Last activity: [11 years, 8 months ago](https://wordpress.org/support/topic/adjusting-sidebar-content-widths/#post-5140029)
 * Status: not resolved