Title: Fixed Header Bar
Last modified: August 21, 2016

---

# Fixed Header Bar

 *  Resolved [fernando.azevedo@gmail.com](https://wordpress.org/support/users/fernandoazevedogmailcom/)
 * (@fernandoazevedogmailcom)
 * [13 years ago](https://wordpress.org/support/topic/fixed-header-bar/)
 * Hello eberybody,
    I am still learning css, sorry about this and i have this doubt.
   I would like to make my header and it´s bar fixed. I also need to put my full-
   width page down because it is almost on the header.
 * Can some one help with it?
 * [http://deeplook.com.br/nexo3/?page_id=5](http://deeplook.com.br/nexo3/?page_id=5)
 * I have this line on my css witch I beleive is making the blue bar repeat horizontally,
   but I can’t fix it (make it fixed):
 * #header-bottom2{background:url(“images/header-bottom.png”) no-repeat scroll center
   top #1f5f82;height:130px;margin:-7px 0 -200px; }

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

 *  [zebrawebdesigns](https://wordpress.org/support/users/sbhuvan/)
 * (@sbhuvan)
 * [13 years ago](https://wordpress.org/support/topic/fixed-header-bar/#post-3793598)
 * [@fernando](https://wordpress.org/support/users/fernando/) Please find the following
   suggestions.
 * 1. The background image is missing in the CSS. Instead background color is loading.
   
   2. Use the background-image for the body tag. So that it will stick to the same
   place. 3. Adjust the height of the header to move the main content down. 4. You
   can use the tool like firebug to analyze your CSS issues. 5. See the tutorial
   on using firebug in [youtube](http://www.youtube.com/watch?v=3KdNRZS-uSg) 6. 
   You ca use [http://www.w3schools.com/css/](http://www.w3schools.com/css/) to 
   cross reference any CSS methods.
 *  Thread Starter [fernando.azevedo@gmail.com](https://wordpress.org/support/users/fernandoazevedogmailcom/)
 * (@fernandoazevedogmailcom)
 * [13 years ago](https://wordpress.org/support/topic/fixed-header-bar/#post-3793608)
 * Thank you.
    I didnt get the step number 2. I managed to show the menu image. 
   But I still have issues with the full width page. The picture is on the header
   and I want to make the blue bar fixed.
 * And thank you for the tips, they are going to be very helpful.
 * Rgds
 *  [zebrawebdesigns](https://wordpress.org/support/users/sbhuvan/)
 * (@sbhuvan)
 * [13 years ago](https://wordpress.org/support/topic/fixed-header-bar/#post-3793610)
 * [@fernando](https://wordpress.org/support/users/fernando/) Glad it helped.
 * Regarding step2 you have To assign background image to the body tag and remove
   the header bottom div element.
    Here is the link for body background image [http://postimg.org/image/ulpe5zqo1/](http://postimg.org/image/ulpe5zqo1/)
   save the image and assign it to the body tag using css
 *  Thread Starter [fernando.azevedo@gmail.com](https://wordpress.org/support/users/fernandoazevedogmailcom/)
 * (@fernandoazevedogmailcom)
 * [13 years ago](https://wordpress.org/support/topic/fixed-header-bar/#post-3793612)
 * Do you know how to put the page down and fix the blue header?
 *  [zebrawebdesigns](https://wordpress.org/support/users/sbhuvan/)
 * (@sbhuvan)
 * [13 years ago](https://wordpress.org/support/topic/fixed-header-bar/#post-3793614)
 * [@fernando](https://wordpress.org/support/users/fernando/).
    Please wait I will
   give the pastepin version of the site.
 *  [zebrawebdesigns](https://wordpress.org/support/users/sbhuvan/)
 * (@sbhuvan)
 * [13 years ago](https://wordpress.org/support/topic/fixed-header-bar/#post-3793618)
 * [@fernando](https://wordpress.org/support/users/fernando/)
    Please backup your
   style.css file and replace it with the pastebin version It will surely work. 
   Please let me know if you have any difficulties. [http://pastebin.com/x2EsAmD0](http://pastebin.com/x2EsAmD0)
 *  Thread Starter [fernando.azevedo@gmail.com](https://wordpress.org/support/users/fernandoazevedogmailcom/)
 * (@fernandoazevedogmailcom)
 * [13 years ago](https://wordpress.org/support/topic/fixed-header-bar/#post-3793646)
 * Thank you very much. It worked pretty well.
    I will study your code. I wrote 
   down your website, i might have some work for you in the future. Rgds
 *  Thread Starter [fernando.azevedo@gmail.com](https://wordpress.org/support/users/fernandoazevedogmailcom/)
 * (@fernandoazevedogmailcom)
 * [13 years ago](https://wordpress.org/support/topic/fixed-header-bar/#post-3793654)
 * Never Mind!
    I got it! thanks!
 *  [zebrawebdesigns](https://wordpress.org/support/users/sbhuvan/)
 * (@sbhuvan)
 * [13 years ago](https://wordpress.org/support/topic/fixed-header-bar/#post-3793682)
 * Good to know that you are happy.
    your front page slider thumbnail images are
   not showing due to folder permission error. have you noticed it.
 * and there is lot of empty space in the bottom of the page.
    remove the padding
   bottom for the container2 and add padding bottom as 0 for content-full

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

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

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

 * 9 replies
 * 2 participants
 * Last reply from: [zebrawebdesigns](https://wordpress.org/support/users/sbhuvan/)
 * Last activity: [13 years ago](https://wordpress.org/support/topic/fixed-header-bar/#post-3793682)
 * Status: resolved