• 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;

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Thread Starter CornerstoneKat

    (@cornerstonekat)

    Thank you!

    Thread Starter CornerstoneKat

    (@cornerstonekat)

    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.