Re-Centering Main Menu/Nav

[erikareinhart 0]

I had (the words in) my main menu perfectly centered, however, now that I enabled the multiple menus function under "menus" it is ucentered! How do I recenter it?

[erikareinhart 0]

Oh, this is the site: http://www.childny.org/

[catrina 103]

Please add the following code to Custom Code > Custom CSS:

#nav_row div.nav {margin-left: 40px; position: relative;}

[erikareinhart 0]

Thanks, but for some reason that did not work.

[catrina 103]

Whoops, I forgot to add one word. Please add this:

#nav_row div.main_nav {margin-left: 40px; position: relative;}

[erikareinhart 0]

I tried adding it to the custom css and it didn't work. So I tried it in my actual css (I know I probably shouldn't be editing that but I have been...) and it still did not work. Can you look at my css and let me know if anything is wrong? Again, it was perfectly centered until I used the menus option in pagelines to add a secondary menu. (The reason I added a second menu is because I want to create pages that DON'T show up on the main navbar. If there is another way to ensure that pages don't show up on the main navbar then I will do that instead of messing with this. Let me know!) /* @ Main Nav */ .main_nav { line-height: 1.7em; text-align: left; margin-top: 0px; z-index:28; /* Fancybox Uses 30 */ position:relative; } #menu-nav{margin-left:4.5%} #nav_row div.main_nav {margin-left: 40px; position: relative;} .main_nav .content-pad{ padding-top: 6px; } .main_nav ul{ list-style: none; display: block; margin: 0px 0px 0px 0px; padding: 0px; float: left; } .main_nav li{position:relative;} .main_nav ul li{ margin: 0px 0px 0px 0px; padding: 0px; float: left; text-align: right; } .main_nav li a{ padding: 10px 15px 10px; text-decoration: none; display: block; border: 1px solid transparent ; border-bottom:none; } #primary-nav {background: #fcfcfc;} #primary-nav li a {background: #fcfcfc;} #primary-nav #nav_row {border-bottom: 1px solid #151B8D;} #primary-nav .main-nav li a:hover{ background: #fff; color:#3b0119; font-weight:lighter; } .main-nav li a{ font-size: .95em; }

[catrina 103]

#menu-nav{margin-left:4.5%} ^ Please try removing that bit of code.

[erikareinhart 0]

No luck.

[kastelic 6]

Try:

#primary-nav ul.main-nav { margin-left: 36px !important } 

[erikareinhart 0]

That worked!!!!! Thank you.