Title: constrain header
Last modified: August 21, 2016

---

# constrain header

 *  Resolved [saveongolf](https://wordpress.org/support/users/saveongolf/)
 * (@saveongolf)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/constrain-header/)
 * Hi.
    I would like to constrain the header area with the store logo and the navigation
   bar etc. to the same width as the content area below it. Either that or allow
   the sidebar of the content area to fill out the entire screen. The way I have
   it now it looks like the header and footer expand but the content area doesn’t
   fully.
 * [http://saveongolf.net](http://saveongolf.net)
 * Thanks!!!

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

 *  [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/)
 * (@rdellconsulting)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/constrain-header/#post-4865725)
 *     ```
       header.tc-header {
         border-top: medium none;
         margin: 0 auto;
         max-width: 60%;
       }
       ```
   
 * Play with the 60% to get what you want
 *  Thread Starter [saveongolf](https://wordpress.org/support/users/saveongolf/)
 * (@saveongolf)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/constrain-header/#post-4865728)
 * I added that to the custom CSS and changed the value and am noticing nothing 
   changing. I did delete the cache. Not sure what is wrong.
 *  Thread Starter [saveongolf](https://wordpress.org/support/users/saveongolf/)
 * (@saveongolf)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/constrain-header/#post-4865733)
 * I also noticed when checking the page source that the max-width is already set
   to 50% for the above code on my site. How is it that it stretches all the way
   across the page. I don’t think this code does what you think I want it to do.
   I want the very top portion of my site to squeeze together so it’s not as long
   and approx. the same width as the content below it.
 *  [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/)
 * (@d4z_c0nf)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/constrain-header/#post-4865734)
 * The container has a width of 1170px, so basicall instead of using `max-width:
   60%;` you have to use `width: 1170px;`
 *  Thread Starter [saveongolf](https://wordpress.org/support/users/saveongolf/)
 * (@saveongolf)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/constrain-header/#post-4865736)
 * Hey d4z.conf .. tHanks very much. Where do you see this information like the 
   container max width? How do I get to it. Can I change that to make it a little
   wider? I don’t know the basics of how to get to the code!
 * Thanks very much.
 * Ken
 *  [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/)
 * (@d4z_c0nf)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/constrain-header/#post-4865737)
 * That value is the width value of the class “container” you can see in each the
   skin (for example in customizr/inc/blue.css).
    You can do whatever you want overriding
   the rules in your custom css or your child-theme style.css. [http://www.themesandco.com/customizr/how-to-customize-customizr-wordpress-theme/](http://www.themesandco.com/customizr/how-to-customize-customizr-wordpress-theme/)
 *  Thread Starter [saveongolf](https://wordpress.org/support/users/saveongolf/)
 * (@saveongolf)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/constrain-header/#post-4865749)
 * I used this:
 * header.tc-header {
    border-top: medium none; margin: 0 auto; max-width: 1170px;}
 * in the custom css and it did nothing to the header…
 *  [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/)
 * (@d4z_c0nf)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/constrain-header/#post-4865751)
 *     ```
       .btn.btn-primary.fp-button:active,
       .btn.btn-primary.fp-button.active {
         background-color: #b04d07 9;
       /* CLOSING BRACE MISSING HERE */
       header.tc-header {
         border-top: medium none;
         margin: 0 auto;
         max-width: 1170px;
       }
       ```
   
 *  Thread Starter [saveongolf](https://wordpress.org/support/users/saveongolf/)
 * (@saveongolf)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/constrain-header/#post-4865768)
 * Like This? (please explain as if you are explaining it to a total moron. ;0) )
 * .btn.btn-primary.fp-button:active,
    .btn.btn-primary.fp-button.active { background-
   color: #b04d07 9; /* */ header.tc-header { border-top: medium none; margin: 0
   auto; max-width: 1170px;
 *  Thread Starter [saveongolf](https://wordpress.org/support/users/saveongolf/)
 * (@saveongolf)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/constrain-header/#post-4865769)
 * …or better yet..Just show me what the code DOES look like as I would insert it
   please.
 * Maybe this…
 * .btn.btn-primary.fp-button:active,
    .btn.btn-primary.fp-button.active { background-
   color: #b04d07 9; } header.tc-header { border-top: medium none; margin: 0 auto;
   max-width: 1170px;
 *  [Rocco Aliberti](https://wordpress.org/support/users/d4z_c0nf/)
 * (@d4z_c0nf)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/constrain-header/#post-4865798)
 * Should be like this:
 *     ```
       .btn.btn-primary.fp-button:active,
       .btn.btn-primary.fp-button.active {
         background-color: #b04d07;
       }
       header.tc-header {
         border-top: medium none;
         margin: 0 auto;
         max-width: 1170px;
       }
       ```
   
 *  Thread Starter [saveongolf](https://wordpress.org/support/users/saveongolf/)
 * (@saveongolf)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/constrain-header/#post-4865807)
 * That worked! Thanks very much!

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

The topic ‘constrain header’ is closed to new replies.

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

 * 12 replies
 * 3 participants
 * Last reply from: [saveongolf](https://wordpress.org/support/users/saveongolf/)
 * Last activity: [12 years, 1 month ago](https://wordpress.org/support/topic/constrain-header/#post-4865807)
 * Status: resolved