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;