Title: Removing header space   changing page width?
Last modified: August 31, 2016

---

# Removing header space changing page width?

 *  [brigichan](https://wordpress.org/support/users/brigichan/)
 * (@brigichan)
 * [10 years ago](https://wordpress.org/support/topic/removing-header-space-changing-page-width/)
 * Hi!
 * I’ve been using Customizr for a while now, but only recently started trying to
   change/decorate a bit using CSS, including color, effects, etc. Before, I used
   a clean white layout, but I wanted to try something colorful. I have a dark blue
   background now and a very colorful slider image I use temporarly as a header (
   I’ll get back on this later). But with this, the top white space and the bottom
   footer space look completely ridiculous. Here is what I’m talking about:
 * [http://i63.tinypic.com/29xt18i.jpg](http://i63.tinypic.com/29xt18i.jpg)
 * link: [http://www.yisanprojekt.hu/](http://www.yisanprojekt.hu/)
 * I’ve tried to disable the pages/menues, but them in box or just have them a blank
   space, I even looked for CSS codes maybe I can hide that part or at least change
   its color to the main background color, but no luck so far. It really upsets 
   me, because if I want to change my layout again to a non-white version, it will
   look the same kind of stupid. I love Customizr because it really allows a huge
   amount of settings and it’s easy to use, but this issue really made me look for
   other layout theme opportunities.
 * Anybody having an idea how I could hide that part?
 * Also, is there a way to change the layout size (to a smaller one) in the non-
   rpo version? I tried to do it with the help of CSS but it kind of messed up the
   whole page, including the sidebars. 🙁
 * And one more thing. How do I apply a header image (like the one I have in the
   screenshot above)? Because now I can only use one with creating a slider with
   one image, trying to maximize the sliding time so that it particulary stays in
   one place, but it still flickers from time to time… Which is, I know, really 
   stupid as a solution but I couldn’t come up with anything else temporarly. 🙁
 * Any help is appreciated!
 * Thank you in advance!

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

 *  [Nichlas Brandon](https://wordpress.org/support/users/calorius/)
 * (@calorius)
 * [10 years ago](https://wordpress.org/support/topic/removing-header-space-changing-page-width/#post-7365505)
 * **For the spacing issue, try adding this to your custom CSS:**
 *     ```
       .row-fluid [class*=span].pull-right, [class*=span].pull-right {
           display: none;
       }
   
       .navbar-inner {
           min-height: 55px;
       }
   
       .navbar.resp {
           width: 100%;
           margin-bottom: -10px;
       }
   
       .row-fluid [class*=span] {
           float: none;
           margin: 0;
       }
   
       .navbar-wrapper.clearfix.span9.tc-submenu-fade.tc-submenu-move.tc-open-on-hover.pull-menu-right {
           width: 100%;
       }
   
       .navbar .navbar-inner {
        padding-right: 20px;
        padding-left: 20px;
       }
   
       .tc-header {
           min-height: 34px;
       }
   
       .navbar .nav>li>a {
           padding: 13px 20px;
           font-size: 18px;
       }
   
       /* Remove Footer Top Border */
   
       footer#footer {
           border-top: none;
       }
       ```
   
 * **To change color of header background:**
 * Add the following to your custom css.
 *     ```
       .navbar-inner {
       background: #091329; // Pick your own hex color
       }
       ```
   
 * **To remove the header and navigation entirely:**
 * Add the following to your custom css.
 *     ```
       .tc-no-sticky-header .tc-header {
       display: none;
       }
       ```
   
 *  Thread Starter [brigichan](https://wordpress.org/support/users/brigichan/)
 * (@brigichan)
 * [10 years ago](https://wordpress.org/support/topic/removing-header-space-changing-page-width/#post-7365594)
 * Thank you, Nichlas Brandon! These were amazing!
 * Any tips on the site width and the fix header image issue?
 * Thanks in advance!
 *  [Nichlas Brandon](https://wordpress.org/support/users/calorius/)
 * (@calorius)
 * [10 years ago](https://wordpress.org/support/topic/removing-header-space-changing-page-width/#post-7365649)
 * I have no experience using the Customizr theme, so I can’t tell you how flexible
   it is with respect to replacing the slider with a fixed image (and how to do 
   so).
 * As for the width, I’ve been unable to adjust it without having to commit a bunch
   of “CSS hacking.” So, unless you can adjust the width via the WordPress Customizer,
   this doesn’t seem to be a straightforward fix.
 * Sorry I couldn’t be of further help with the theme.

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

The topic ‘Removing header space changing page width?’ 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/)

## Tags

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

 * 3 replies
 * 2 participants
 * Last reply from: [Nichlas Brandon](https://wordpress.org/support/users/calorius/)
 * Last activity: [10 years ago](https://wordpress.org/support/topic/removing-header-space-changing-page-width/#post-7365649)
 * Status: not resolved