Title: Content Width Fix
Last modified: August 21, 2016

---

# Content Width Fix

 *  Resolved [mirilailai](https://wordpress.org/support/users/mirilailai/)
 * (@mirilailai)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/content-width-fix/)
 * Greetings,
    First I want to thank you for the great theme. I’m using 3 columns
   layout and want to expand the content width. If I reduce the primary sidebar 
   width, an empty space is left between the sidebar and the content. My question
   is how to remove that empty space so my content move more to the left and be 
   centered. Maybe it has something to do with left padding but I don’t know where
   to check in the stylesheet.
 * Thank you,
    Stamen Yanev.

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

 *  [Alexander Agnarson](https://wordpress.org/support/users/alxmedia/)
 * (@alxmedia)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/content-width-fix/#post-4337297)
 * Hey there,
 * The best way to expand content width, is to expand the website max-width in Theme
   Options > Styling. But I guess you mean for lower resolution screens as well,
   when the website fills the whole screen?
 * The sidebar CSS “logic” involves quite a bit and can be tricky to modify.
 * The spacing from content to the sidebar sits on main-inner, so you’d do:
 *     ```
       .col-3cm .main-inner { padding-left: 260px; }
       ```
   
 * If you’ve sorted the rest already.
 * The complete fix for it would be something like:
 *     ```
       .col-3cm .main-inner { padding-left: 260px; background-position: -80px 0; }
       .col-3cm .s1 { margin-left: -260px; }
       .s1 { width: 260px; }
       ```
   
 * This will give you two equally wide sidebars. However, for the mobile view, the
   primary will still be 300px when expanded from a collapsed state. And to modify
   that, we need to also add…
 *     ```
       @media only screen and (min-width: 479px) and (max-width: 960px) {
       .s1-expand .s1 { width: 260px; }
       .s1-expand .s1 .sidebar-content,
       .s1-expand .s1 .post-nav { min-width: 260px; }
       }
       ```
   
 * To test it you can just pop the entire thing in the Custom CSS field in Theme
   Options > Styling and see.
 *     ```
       .col-3cm .main-inner { padding-left: 260px; background-position: -80px 0; }
       .col-3cm .s1 { margin-left: -260px; }
       .s1 { width: 260px; }
       @media only screen and (min-width: 479px) and (max-width: 960px) {
       .s1-expand .s1 { width: 260px; }
       .s1-expand .s1 .sidebar-content,
       .s1-expand .s1 .post-nav { min-width: 260px; }
       }
       ```
   
 * Hope that points you in the right direction with the customizations you want 
   to do.
 *  Thread Starter [mirilailai](https://wordpress.org/support/users/mirilailai/)
 * (@mirilailai)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/content-width-fix/#post-4337317)
 * Edited:
 * I just saw your addition to the post, sorry. It worked perfectly. Thank you very
   much for the fast and perfect response.
 *  Thread Starter [mirilailai](https://wordpress.org/support/users/mirilailai/)
 * (@mirilailai)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/content-width-fix/#post-4337319)
 * Thread Resolved.
 *  [mcpank](https://wordpress.org/support/users/mcpank/)
 * (@mcpank)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/content-width-fix/#post-4337608)
 * Hi Alex,
    even if you heard it a lot already: ‘hueman’ is one of the best WP-
   Themes I’ve ever seen so far and much better than a lot of the ones you have 
   to pay for, too! REALLY great job you did there! 🙂
 * I’m posting in this thread, because my problem is (nearly) solved by it but for
   one issue, I can’t figure out: the website I designed with your template has 
   also 260px Sidebars on both sides and it looks fine in full resolution. But when
   it comes to the collapsing, the content of the left sidebar changes to the collapsed
   state (arrows in the head section and all content dissapears) but it still remains
   in 260px width. If you draw the browser window smaller, while looking at it, 
   you’ll know what I mean. I also changed the size of the ‘s-right-s1.png’ to 260px,
   didn’t helped either.
    The right sidebar works just fine!
 * The only code in my ‘custom.css’ is the one from you above. Can you take a look
   at the site? Maybe you already know the solution, when you see it:
    [http://www.benehmensberatung.com/wordpress/](http://www.benehmensberatung.com/wordpress/)(
   and please don’t mind the content of the page – it’s still ‘work in progress’
   😉 )
 * THANK YOU!
 *  [Gudddi](https://wordpress.org/support/users/dyret/)
 * (@dyret)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/content-width-fix/#post-4337611)
 * Hi Alex. Really awesome theme, but i have the exact same problem as mcpank explains
   in the post above, is their something in the code we are missing? Hope it can
   be fixed, keep up the **good** work
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/content-width-fix/#post-4337612)
 * **[@dyret](https://wordpress.org/support/users/dyret/)**: If you require assistance
   then, as per the [Forum Welcome](http://codex.wordpress.org/Forum_Welcome#Where_To_Post),
   please post your own topic. This 2 month old topic has been resolved.
 *  [mcpank](https://wordpress.org/support/users/mcpank/)
 * (@mcpank)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/content-width-fix/#post-4337613)
 * Thank you esmi!
    And sorry – didn’t know, that a topic didn’t get any more replys
   after it’s marked as solved. I just posted my own one: [http://wordpress.org/support/topic/responsive-design-problem-with-2-equal-width-sidebars?replies=1](http://wordpress.org/support/topic/responsive-design-problem-with-2-equal-width-sidebars?replies=1)
 * @Dryet: feel free to repeat your reply in my new post. I guess it’s always better,
   when you don’t stand alone with a problem 😉
 *  [Alexander Agnarson](https://wordpress.org/support/users/alxmedia/)
 * (@alxmedia)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/content-width-fix/#post-4337614)
 * Try wrapping the first css part in:
    [@media](https://wordpress.org/support/users/media/)
   only screen and (min-width: 961px) { }
 * Like this:
 *     ```
       @media only screen and (min-width: 961px) {
       	.col-3cm .main-inner { padding-left: 260px; background-position: -80px 0; }
       	.col-3cm .s1 { margin-left: -260px; }
       	.s1 { width: 260px; }
       }
       @media only screen and (min-width: 479px) and (max-width: 960px) {
       	.s1-expand .s1 { width: 260px; }
       	.s1-expand .s1 .sidebar-content,
       	.s1-expand .s1 .post-nav { min-width: 260px; }
       }
       ```
   

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

The topic ‘Content Width Fix’ is closed to new replies.

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

## Tags

 * [container](https://wordpress.org/support/topic-tag/container/)
 * [content](https://wordpress.org/support/topic-tag/content/)
 * [empty](https://wordpress.org/support/topic-tag/empty/)
 * [primary](https://wordpress.org/support/topic-tag/primary/)
 * [sidebar](https://wordpress.org/support/topic-tag/sidebar/)
 * [space](https://wordpress.org/support/topic-tag/space/)
 * [width](https://wordpress.org/support/topic-tag/width/)

 * 8 replies
 * 5 participants
 * Last reply from: [Alexander Agnarson](https://wordpress.org/support/users/alxmedia/)
 * Last activity: [12 years, 3 months ago](https://wordpress.org/support/topic/content-width-fix/#post-4337614)
 * Status: resolved