maybe not understanding, but it looks centered to me
Thread Starter
jboyce
(@jboyce)
Hi Sam,
Thanks for the quick response. I probably didn’t explain it right…
the text links in the red bar at the top of the page are pushed over to the left for some reason, and I can’t find the area where I could fix it. You’ll notice that the “Home” link is actually sliding outside of the bar a little. Could this be a browser issue? I’m using Firefox 5 and Chrome.
Really appreciate it.
Joe
I’m pretty sure bgut it looks like your theme is supposed to do what it’s doing
back up and edit the theme’s style.css looking for this bit
/*------------------------------------------------*/
/*---------------[NAVIGATION MENU]----------------*/
/*------------------------------------------------*/
#navwrap { width: 960px; background-image: url(images/nav-bg.png); text-align: center; }
.nav_top { background-image: url(images/nav-top.png); width: 960px; height: 1px; display: block; float: left; }
.nav_bottom { background-image: url(images/nav-bottom.png); width: 960px; height: 1px; display: block; float: left; }
.nav { padding: 10px, 0; float: left; }
.nav li { float: left; padding: 0 10px; list-style-type: none; position: relative;}
.nav li.current_page_item a, .nav li.current-menu-item a, .nav li.current-category-ancestor a, .nav li.current_page_ancestor a, .nav li.current-post-parent a { font-style: italic; color: #989898;}
.nav li a { font-size: 12px; color: #fff; text-transform: uppercase; font-weight: bold; float: left; }
.nav li ul { background: #fff url(images/dropdown-bg.png) no-repeat bottom; padding: 0 0 10px 0; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; -moz-box-shadow:3px 6px 7px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.1); }
.nav li ul li ul { border-top: 1px solid #d5d5d5; padding-top: 10px; }
.nav li ul li a { width: 196px; padding: 10px 10px 10px 300px; background: url(images/dropdown-arrow.png) no-repeat 20px 17px; }
you’ll have to play with it as I’m not sure what you want
Hi,
Add the following code
#navwrap ul {
padding-left: 72px;
}
into your style-Red.css, then the nav bar will be centered.
Cheers,
Surinder
Thread Starter
jboyce
(@jboyce)
Surinder, Thank you so much for figuring that out. I copied the code and it fixed the problem. I would never have found that on my own. Sincere thanks!
-Joe
