Title: Change Page Sidebar Width
Last modified: December 18, 2018

---

# Change Page Sidebar Width

 *  Resolved [bagpools](https://wordpress.org/support/users/bagpools/)
 * (@bagpools)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/change-page-sidebar-width/)
 * I am very impressed with the theme, but I would like to make one change
 * I would like to narrow the sidebar and widen the main content
 * I tried adding to the css template and it worked for desktop perfectly, but it
   screwed up the mobile responsiveness.
 * is there a way to adjust the percentage to 75% – 25%? that doesn’t mess up mobile
   responsiveness?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fchange-page-sidebar-width%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [AddWeb Solution](https://wordpress.org/support/users/addweb-solution-pvt-ltd/)
 * (@addweb-solution-pvt-ltd)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/change-page-sidebar-width/#post-11005989)
 * Hello bagpools,
 * Add below css code into your current active child theme’s style.css file or you
   can add additional css option in theme customizer
 *     ```
       #secondary {
           width: 40% !important;
           float: left !important;
       }
   
       #primary{
       	float:left !important;
       	width:60% !important;
       }
       ```
   
 * Hope this will helps you.
 * Thanks.
 *  Theme Author [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/)
 * (@vinod-dalvi)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/change-page-sidebar-width/#post-11006031)
 * @AddWeb Thanks for helping out here in this forum.
 * Your help here is really appreciated.
 *  Theme Author [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/)
 * (@vinod-dalvi)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/change-page-sidebar-width/#post-11006044)
 * [@bagpools](https://wordpress.org/support/users/bagpools/)
    You can try achieving
   this by adding the following CSS code in the Custom CSS option of the theme on
   the below path.
 * Admin Area -> Appearance -> Customize -> Additional CSS
 *     ```
       @media (min-width: 992px){
       #page #primary{
       	width:75%;
       }
       #page #secondary {
           width:25%;
       }
       }
       ```
   
 *  Thread Starter [bagpools](https://wordpress.org/support/users/bagpools/)
 * (@bagpools)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/change-page-sidebar-width/#post-11009907)
 * I tried Vinod’s Way first and it worked to perfection
    site looks great on desktop
   and mobile
 * thanks!
    -  This reply was modified 7 years, 6 months ago by [bagpools](https://wordpress.org/support/users/bagpools/).
 *  Theme Author [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/)
 * (@vinod-dalvi)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/change-page-sidebar-width/#post-11010746)
 * You are most welcome, I’m glad I was able to help you in this matter. There is
   no obligation but by your kind words I wonder if I could trouble you to leave
   a review based on this experience here:
 * [https://wordpress.org/support/theme/ruby/reviews/](https://wordpress.org/support/theme/ruby/reviews/)
 * I’d really appreciate that. 🙂
 * And if i can be of any further assistance please don’t hesitate to ask.

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

The topic ‘Change Page Sidebar Width’ is closed to new replies.

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

 * 5 replies
 * 3 participants
 * Last reply from: [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/)
 * Last activity: [7 years, 6 months ago](https://wordpress.org/support/topic/change-page-sidebar-width/#post-11010746)
 * Status: resolved