Title: Menu Fixed
Last modified: August 21, 2016
---
# Menu Fixed
* Resolved [fernando.azevedo@gmail.com](https://wordpress.org/support/users/fernandoazevedogmailcom/)
* (@fernandoazevedogmailcom)
* [13 years, 1 month ago](https://wordpress.org/support/topic/menu-fixes/)
* Hello everybody,
* I wanted to hold my menu fixed on my site, but i messed it up somehow.
My menu
went left. Please can some one take a look at my site and my css? [http://deeplook.com.br/nexo3/](http://deeplook.com.br/nexo3/)
* body{color:#6a6969;font-family:Verdana, sans-serif;font-size:14px;line-height:
1.15;min-width:950px;word-wrap:break-word;}
div, p, a, li, img{transition:all
2s;-moz-transition:all 2s;-o-transition:all 2s;-webkit-transition:all 2s;} img{
max-width:100%;border:0 none;} #container{width:930px;margin:40px auto;} #header{
position:fixed; top:25px; left:auto;height:90px;width: 930px; background:url(“
images/header2.png”) repeat-x scroll 0 0 #606162;} #header-bottom{background:
url(“images/header-bottom.png”) no-repeat scroll center top #1f5f82;height:370px;
margin:-7px 0 -410px;} img.site-logo{max-width:250px;max-height:70px;padding:
5px 0;float:left;} #header-content{width:930px;margin:auto;} .site-title-hidden{
display:none;} #content{padding:80px; top:25px;float:left;width:70%;left:0px}#
content-full{padding:80px; width:930px;left:0px} .content-ver-sep{padding:50px;
left:200px; background:none repeat scroll 0 0 #CCCCCC;border-bottom:1px solid#
FFFFFF;clear:both;height:1px;}
Viewing 8 replies - 1 through 8 (of 8 total)
* [paulwpxp](https://wordpress.org/support/users/paulwp/)
* (@paulwp)
* [13 years, 1 month ago](https://wordpress.org/support/topic/menu-fixes/#post-3724102)
* Did you make changes directly to the theme ? If so, you will lose all the customization
in CSS when the theme is updated.
* Make a child theme and transfer your customizations to it.
[http://codex.wordpress.org/Child_Themes](http://codex.wordpress.org/Child_Themes)
* for your `#header` use this instead
* ```
#header {
background: url("images/header2.png") repeat-x scroll 0 0 #606162;
width: 100%;
height: 90px;
margin: 0 auto;
position: fixed;
z-index: 500;
}
```
* Thread Starter [fernando.azevedo@gmail.com](https://wordpress.org/support/users/fernandoazevedogmailcom/)
* (@fernandoazevedogmailcom)
* [13 years, 1 month ago](https://wordpress.org/support/topic/menu-fixes/#post-3724117)
* Thank you very much Paul for the fast reply. You killed it!
I didnt know about
the child theme.
* I still have a problema on my other pages, do you mind take a look? Can you point
me to a tutorial where i could learn more about the css coding on wordpress?
* [http://deeplook.com.br/nexo3/?page_id=5](http://deeplook.com.br/nexo3/?page_id=5)
* #content{padding:0px; top:0px;float:left;width:70%;left:0px}
#content-full{padding:
80px; width:930px;left:0px} .content-ver-sep{padding:0px; left:0px; background:
none repeat scroll 0 0 #CCCCCC;border-bottom:1px solid #FFFFFF;clear:both;height:
1px;} .lsep{background:url(“images/lsep.png”) no-repeat scroll top center #CCCCCC;
clear:both;height:20px;margin:10px auto;} #right-sidebar{float:right;width:25%;}
* [paulwpxp](https://wordpress.org/support/users/paulwp/)
* (@paulwp)
* [13 years, 1 month ago](https://wordpress.org/support/topic/menu-fixes/#post-3724118)
* Quick fix is to put this empty div
* ```
```
* in to the Full Width Page Template, put it below div id=header and div id=container
so you will have this
* ```
```
* You have that empty div in normal page template, that empty div with id= header-
bottom has a CSS property that make it look like that, but the other pages (full
width page template) doesn’t have this.
* This is a quick fix, not a long lasting solution, the right thing to do is transfer
the customizations to child theme, and clean up the codes.
* Thread Starter [fernando.azevedo@gmail.com](https://wordpress.org/support/users/fernandoazevedogmailcom/)
* (@fernandoazevedogmailcom)
* [13 years, 1 month ago](https://wordpress.org/support/topic/menu-fixes/#post-3724119)
* Thanks again Paul. I will try that now! Where can I read more about css for wordpress?
* Thread Starter [fernando.azevedo@gmail.com](https://wordpress.org/support/users/fernandoazevedogmailcom/)
* (@fernandoazevedogmailcom)
* [13 years, 1 month ago](https://wordpress.org/support/topic/menu-fixes/#post-3724121)
* No Paul, the page is still to the right and it brought the blue background from
the main page…
I cant see how that is connected.
* [paulwpxp](https://wordpress.org/support/users/paulwp/)
* (@paulwp)
* [13 years, 1 month ago](https://wordpress.org/support/topic/menu-fixes/#post-3724216)
* The “to the right” problem comes from padding that’s set without taking box model’s
width into consideration.
* Try changing what’s inside `#content-full` to this
* ```
#content-full {
left: 0;
padding: 150px 0;
width: 930px;
}
```
* Thread Starter [fernando.azevedo@gmail.com](https://wordpress.org/support/users/fernandoazevedogmailcom/)
* (@fernandoazevedogmailcom)
* [13 years, 1 month ago](https://wordpress.org/support/topic/menu-fixes/#post-3724249)
* Thank you so much!
I am starting to understand it. I still have the blue background
from the front page on my full-width pages. Is there a way to remove that?
* [http://deeplook.com.br/nexo3/?page_id=5](http://deeplook.com.br/nexo3/?page_id=5)
* Rgds
* [paulwpxp](https://wordpress.org/support/users/paulwp/)
* (@paulwp)
* [13 years, 1 month ago](https://wordpress.org/support/topic/menu-fixes/#post-3724252)
* Why put it there and remove it later ? If you want that blue background for front
page only, don’t put it there globally, just put it there for that particular
page only.
* Review `body_class()`
[http://codex.wordpress.org/Function_Reference/body_class](http://codex.wordpress.org/Function_Reference/body_class)
* So whatever responsibles for that blue bg on the front page, you could just move
that out and put in the class specific to that page only.
* **The other problem** is that you didn’t create a template for your front, you
edited regular page template for front page, now you won’t be able to use regular
page template, you can only use page with full page template assigned.
* I would make a child theme and move out all the customizations to child theme
only. Create a front page template, do whatever you want for front page here.
Leave RegularPageTemplate and FullPageTemplate as is, only adjust its CSS.
Viewing 8 replies - 1 through 8 (of 8 total)
The topic ‘Menu Fixed’ is closed to new replies.
* 
* 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/)
* 8 replies
* 2 participants
* Last reply from: [paulwpxp](https://wordpress.org/support/users/paulwp/)
* Last activity: [13 years, 1 month ago](https://wordpress.org/support/topic/menu-fixes/#post-3724252)
* Status: resolved