Center main navigation menu
-
hello, i have tried some of the other steps from other threads but none worked to get the menu centered. My style sheet looks different then most suggests i don’t have nav-menu or main
heres what my css looks like. any ideas? thanks
/* 3.1 Navigation */
#navigationBckg {height: 48px; background: url(‘images/backgrounds/header/navigation-blue.png’) center top scroll repeat-x;}
#navigationBckg.brown {background-image: url(‘images/backgrounds/header/navigation-brown.png’);}
#navigationBckg.gray {background-image: url(‘images/backgrounds/header/navigation-gray.png’);}
#navigationBckg.green {background-image: url(‘images/backgrounds/header/navigation-green.png’);}
#navigationBckg.orange {background-image: url(‘images/backgrounds/header/navigation-orange.png’);}
#navigationBckg.purple {background-image: url(‘images/backgrounds/header/navigation-purple.png’);}
#navigationBckg.red {background-image: url(‘images/backgrounds/header/navigation-red.png’);}
#navigationBckg.yellow {background-image: url(‘images/backgrounds/header/navigation-yellow.png’);}
#navigationBckg.white {background-image: url(‘images/backgrounds/header/navigation-white.png’); height: 46px !important; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf;}
#navigation {height: 48px; background: url(‘images/shadow.png’) center top scroll repeat-x;}
#navigationBckg.white #navigation {height: 46px !important;}
#navigation ul.navigation {width: 980px; position: center; list-style: none; padding: 0; z-index: 45;}
#navigation ul.navigation > li {float: left; z-index: 49; height: 48px; display: inline;}
#navigationBckg.white #navigation ul.navigation > li {height: 46px !important; padding-right: 2px; }
#navigation ul.navigation li, #navigation ul.navigation a {position: relative; font-weight: normal;}#navigationBckg #navigation ul.navigation > li > a {height: 48px; line-height: 48px; padding: 0 22px; display: block; font-size: 15px; color: #fff; text-decoration: none !important; background: url(‘images/backgrounds/header/divider2.png’) right center scroll no-repeat;}
#navigationBckg.white #navigation ul.navigation > li > a {height: 46px !important; line-height: 46px; color: #011b38;}
#navigationBckg #navigation ul.navigation > li:last-child > a {background-image: none;}#navigationBckg #navigation ul.navigation > li > a:hover, #navigationBckg #navigation ul.navigation > li.current_page_item > a, #navigationBckg #navigation ul.navigation > li.current_page_ancestor > a, #navigationBckg #navigation ul.navigation > li.current-menu-item > a, #navigationBckg #navigation ul.navigation > li.current-menu-ancestor > a {background: url(‘images/transparentB10.png’) center center scroll repeat;}
#navigationBckg.orange #navigation ul.navigation > li > a:hover, #navigationBckg.orange #navigation ul.navigation > li.current_page_item > a, #navigationBckg.orange #navigation ul.navigation > li.current_page_ancestor > a, #navigationBckg.orange #navigation ul.navigation > li.current-menu-item > a, #navigationBckg.orange #navigation ul.navigation > li.current-menu-ancestor > a, #navigationBckg.green #navigation ul.navigation > li > a:hover, #navigationBckg.green #navigation ul.navigation > li.current_page_item > a, #navigationBckg.green #navigation ul.navigation > li.current_page_ancestor > a, #navigationBckg.green #navigation ul.navigation > li.current-menu-item > a, #navigationBckg.green #navigation ul.navigation > li.current-menu-ancestor > a, #navigationBckg.yellow #navigation ul.navigation > li > a:hover, #navigationBckg.yellow #navigation ul.navigation > li.current_page_item > a, #navigationBckg.yellow #navigation ul.navigation > li.current_page_ancestor > a, #navigationBckg.yellow #navigation ul.navigation > li.current-menu-item > a, #navigationBckg.yellow #navigation ul.navigation > li.current-menu-ancestor > a {background: url(‘images/transparentW20.png’) center center scroll repeat !important;}#navigation ul.navigation li ul {background: #193442; padding: 0 !important; list-style: none !important; z-index: 50;}
#navigation ul.navigation ul li {padding: 0; background: none; margin: 0; border: 0 !important; height: auto !important; position: relative; z-index: 51;}
#navigation ul.navigation ul a:hover, #navigation ul.navigation ul li.current_page_item > a {background: #22475b; background-image: none;}
#navigation ul.navigation ul a {z-index: 220; padding: 9px 14px !important; color: #fff; font-size: 13px; font-weight: normal !important; text-align: center; text-decoration: none !important; width: 170px !important; min-height: 13px !important; height: auto !important; line-height: 18px; display: block !important; border-bottom: 1px solid #22475b; border-top: none; background: url(‘images/transparent.png’) left top scroll repeat;}
#navigation ul.navigation ul li:last-child > a {border-bottom: none !important;}
#navigation ul.navigation li ul { position: absolute !important; top: -999em;}
#navigation ul.navigation li:hover {visibility: inherit;}
#navigation ul.navigation > li:hover > ul { left: 0px; top: 48px;}
#navigationBckg.white #navigation ul.navigation > li:hover > ul { top: 46px;}
#navigation ul.navigation ul li:hover ul {left: 198px; top: 0px;}#navigationBckg.brown #navigation ul.navigation li ul {background: #330101}
#navigationBckg.brown #navigation ul.navigation ul a:hover, #navigationBckg.brown #navigation ul.navigation ul li.current_page_item > a {background: #540202;}
#navigationBckg.brown #navigation ul.navigation ul a {border-bottom: 1px solid #834545;}
#navigationBckg.gray #navigation ul.navigation li ul {background: #333434}
#navigationBckg.gray #navigation ul.navigation ul a:hover, #navigationBckg.gray #navigation ul.navigation ul li.current_page_item > a {background: #444545;}
#navigationBckg.gray #navigation ul.navigation ul a {border-bottom: 1px solid #5d5f5f;}
#navigationBckg.green #navigation ul.navigation li ul {background: #56871E}
#navigationBckg.green #navigation ul.navigation ul a:hover, #navigationBckg.green #navigation ul.navigation ul li.current_page_item > a {background: #5f9521;}
#navigationBckg.green #navigation ul.navigation ul a {border-bottom: 1px solid #5f9521;}
#navigationBckg.orange #navigation ul.navigation li ul {background: #F17C6D}
#navigationBckg.orange #navigation ul.navigation ul a:hover, #navigationBckg.orange #navigation ul.navigation ul li.current_page_item > a {background: #ee604e;}
#navigationBckg.orange #navigation ul.navigation ul a {border-bottom: 1px solid #f4988c;}
#navigationBckg.purple #navigation ul.navigation li ul {background: #443745}
#navigationBckg.purple #navigation ul.navigation ul a:hover, #navigationBckg.purple #navigation ul.navigation ul li.current_page_item > a {background: #574658;}
#navigationBckg.purple #navigation ul.navigation ul a {border-bottom: 1px solid #69556b;}
#navigationBckg.red #navigation ul.navigation li ul {background: #B51920}
#navigationBckg.red #navigation ul.navigation ul a:hover, #navigationBckg.red #navigation ul.navigation ul li.current_page_item > a {background: #d31d25;}
#navigationBckg.red #navigation ul.navigation ul a {border-bottom: 1px solid #e23038;}
#navigationBckg.yellow #navigation ul.navigation li ul {background: #FDB733}
#navigationBckg.yellow #navigation ul.navigation ul a:hover, #navigationBckg.yellow #navigation ul.navigation ul li.current_page_item > a {background: #fdc355;}
#navigationBckg.yellow #navigation ul.navigation ul a {border-bottom: 1px solid #fecf76;}
#navigationBckg.white #navigation ul.navigation li ul {background: #d4d4d4}
#navigationBckg.white #navigation ul.navigation ul a:hover, #navigationBckg.white #navigation ul.navigation ul li.current_page_item > a {background: #e5e5e5;}
#navigationBckg.white #navigation ul.navigation ul a {border-bottom: 1px solid #f6f6f6; color: #011B38;}the site is also here right now:
https://50.87.218.45/http/foundationtofosterempowermentorg/
- The topic ‘Center main navigation menu’ is closed to new replies.