Title: Fixed Header 2011 theme
Last modified: August 20, 2016

---

# Fixed Header 2011 theme

 *  Resolved [beaujangls1](https://wordpress.org/support/users/beaujangls1/)
 * (@beaujangls1)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/fixed-header-2011-theme/)
 * Hello,
    I am trying to make the header of the 2011 theme fixed so that as you
   scroll through the page the header stays on the screen. I was able to do this
   using css in the style.css file for my child theme. The only problem is now I
   can not see the top of the page itself. Part of the page is under the header.
   here is a link to one of my pages: [http://theconductorswhiskey.com/?page_id=11](http://theconductorswhiskey.com/?page_id=11)
 * there is a gallery at the top that is not visible. Any help will be greatly appreciated!

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

 *  [Michael Arestad](https://wordpress.org/support/users/michael-arestad/)
 * (@michael-arestad)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/fixed-header-2011-theme/#post-2328713)
 * Add a **margin-top** to the **#primary** div.
 *  [viktor89](https://wordpress.org/support/users/viktor89/)
 * (@viktor89)
 * [14 years, 8 months ago](https://wordpress.org/support/topic/fixed-header-2011-theme/#post-2328718)
 * in the same file (style.css) find
 *     ```
       .page-template-showcase-php #primary, .left-sidebar.page-template-showcase-php #primary {
       margin: 0;
       }
       ```
   
 * and add
    `margin-top: 210px;`
 * to it, so it says:
 *     ```
       .page-template-showcase-php #primary, .left-sidebar.page-template-showcase-php #primary {
       margin: 0;
       margin-top: 210px;
       }
       ```
   
 * (change 210px, if you want it up/down)
 * …
    also as a sidenote I would remove
 * `height: auto;`
    and `width: 100%;` from
 *     ```
       #branding img {
       height: auto;
       margin-bottom: -7px;
       width: 100%;
       }
       ```
   
 * your logo shows up weird in chrome.
 *  Thread Starter [beaujangls1](https://wordpress.org/support/users/beaujangls1/)
 * (@beaujangls1)
 * [14 years, 7 months ago](https://wordpress.org/support/topic/fixed-header-2011-theme/#post-2328882)
 * thanks Michael and viktor89. both of your answers solved my problem!
 *  [ssalter](https://wordpress.org/support/users/ssalter/)
 * (@ssalter)
 * [14 years, 5 months ago](https://wordpress.org/support/topic/fixed-header-2011-theme/#post-2329018)
 * Exactly what I want to do (as I look at [http://theconductorswhiskey.com/](http://theconductorswhiskey.com/))
 * and I added the following to my 2011 child theme:
 *     ```
       #primary {
       	float: left;
       	margin: 0 -26.4% 0 0;
       	width: 100%;
       	margin-top: 210px;
       }
       .page-template-showcase-php #primary, .left-sidebar.page-template-showcase-php #primary {
       margin: 0;
       margin-top: 210px;
       }
   
       #branding img {
       margin-bottom: -7px;
       }
       ```
   
 * But alas, the header scrolls cheerfully out of sight along with my menu. Am I
   missing something mentioned above? Pls note I have quite a bit of other changes
   to my child style.css. Those “shouldn’t” interfere with this but if you want 
   to see that, I can paste it as well.
 * Thanks for any assistance.
    Steve

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

The topic ‘Fixed Header 2011 theme’ is closed to new replies.

 * 4 replies
 * 4 participants
 * Last reply from: [ssalter](https://wordpress.org/support/users/ssalter/)
 * Last activity: [14 years, 5 months ago](https://wordpress.org/support/topic/fixed-header-2011-theme/#post-2329018)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics