Right Justify Top Menu
-
Have installed Prose Child theme and am trying to right justify the top nagivation bar. Have tried float: right; and got no change. Any suggestions?
Viewing 4 replies - 1 through 4 (of 4 total)
-
Just a blind guess — try — text-align:right;
Maybe you’re not using specific-enough selectors?
http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/Thank you!
Ugh. Now I can’t get it to align left again when I undo. Here’s my code. Anyone help?
/* Primary Navigation ------------------------------------------------------------ */ #nav { background: #f5f5f5; border: 1px solid #ddd; box-sizing: border-box; clear: both; color: #666; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 13px; margin: 0 auto; overflow: hidden; text-transform: uppercase; width: 100%; } #nav .wrap { border: 1px solid #fff; box-sizing: border-box; overflow: hidden; width: 100%; } #nav ul { text-align: left; float: left; list-style: none; margin: 0; padding: 0; width: 100%; } #nav ul ul { border: none; } #nav li { text-align: left; float: left; list-style: none; } #nav li a { color: #666; display: block; margin: 0; padding: 7px 10px 6px; position: relative; text-decoration: none; } #nav li a:active, #nav li a:hover, #nav .current_page_item a, #nav .current-cat a, #nav .current-menu-item a { background: #444; color: #fff; } #nav li a .sf-sub-indicator { display: block; height: 10px; overflow: hidden; position: absolute; right: 5px; text-indent: -9999px; top: 14px; width: 10px; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #444; border-right: 1px solid #fff; border-top: 1px solid #fff; color: #fff; margin: 0; padding: 7px 10px 6px; position: absolute; text-transform: none; width: 148px; } #nav li li a:active, #nav li li a:hover { background: #444; color: #fff; } #nav li li a .sf-sub-indicator { top: 10px; } #nav li ul { height: auto; left: -999em; margin: 0; padding: 0; position: absolute; width: 170px; z-index: 9999; } #nav li ul a { width: 140px; } #nav li ul ul { margin: -34px 0 0 169px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfHover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul { left: auto; } #nav li:hover, #nav li.sfHover { position: static; } /* Primary Navigation Extras ------------------------------------------------------------ */ #nav li.right { float: left; margin: 0; padding: 7px 10px 6px; } #nav li.right a { background: none; border: none; color: #666; display: inline; font-weight: normal; text-decoration: none; } #nav li.right a:hover { background: none; color: #666; text-decoration: underline; } #nav li.rss a { background: url(images/rss.png) no-repeat left center; margin: 0 0 0 10px; padding: 3px 0 3px 16px; } #nav li.rss a:hover { background: url(images/rss.png) no-repeat left center; } #nav li.date { color: #666; } #nav li.search { padding: 0 5px 0; } #nav li.twitter a { background: url(images/twitter-nav.png) no-repeat left center; padding: 3px 0 2px 20px; } #nav li.twitter a:hover { background: url(images/twitter-nav.png) no-repeat left center;
Viewing 4 replies - 1 through 4 (of 4 total)
The topic ‘Right Justify Top Menu’ is closed to new replies.