Community Forums › Forums › Archived Forums › Design Tips and Tricks › Metic Primary Nav in Header Right
Tagged: metric
- This topic has 3 replies, 2 voices, and was last updated 11 years, 2 months ago by SoZo.
-
AuthorPosts
-
January 9, 2013 at 11:24 am #10706authorityseoMember
With the update to Genesis 1.9.1 the original way the Metic theme's primary navigation in the widget Header Right went away and I had to switch to Custom Menu.
Now I lost my styling for my primary navigation. Does anyone know how to put my exact same styling to the new Custom Menu option I have to use.
January 9, 2013 at 11:51 am #10716SoZoMemberCan I get a link to your site?
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
January 9, 2013 at 11:53 am #10717January 11, 2013 at 4:17 pm #11342SoZoMemberTry replacing your header right nav rules with this
/***** Header Right Navigation ********************/
#header .menu {
width: auto;
float: right;
list-style: none;
color: #FFFFFF;
margin: 0;
padding: 45px 0 0 0;
}#header .menu li {
float: left;
list-style: none;
margin: 0;
padding: 0;
}#header .menu a,
#header .menu a:visited {
color: #FFFFFF;
display: block;
font-family: Arial, Tahoma, Verdana;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 6px 10px 5px 10px;
text-decoration: none;
text-shadow: #002838 1px 1px;
position: relative;
}#header .menu a:hover,
#header .menu a:active,
#header .menu .current_page_item a,
#header .menu .current-cat a,
#header .menu .current-menu-item a {
background: #00B8DE;
color: #FFFFFF;
text-decoration: none;
}#header .menu a.sf-with-ul {
padding-right: 20px;
}#header .menu a .sf-sub-indicator {
background: url(images/arrow-down.png);
display: block;
width: 10px;
height: 10px;
text-indent: -9999px;
overflow: hidden;
position: absolute;
top: 12px;
right: 5px;
}#header .menu li a,
#header .menu li a:link,
#header .menu li a:visited {
background: #00B8DE;
width: 148px;
color: #FFFFFF;
font-family: Arial, Tahoma, Verdana;
font-size: 12px;
margin: 0;
padding: 5px 10px 5px 10px;
border-left: 1px solid #72D4EA;
border-right: 1px solid #72D4EA;
border-bottom: 1px solid #72D4EA;
text-transform: none;
position: relative;
}#header .menu li a:hover,
#header .menu li a:active {
background: #72D4EA;
color: #FFFFFF;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
}#header .menu li a .sf-sub-indicator {
background: url(images/arrow-right.png);
top: 10px;
}#header .menu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0;
padding: 0;
}#header .menu li ul a {
width: 150px;
}#header .menu li ul ul {
margin: -31px 0 0 169px;
}#header .menu li:hover ul ul,
#header .menu li:hover ul ul ul,
#header .menu li.sfHover ul ul,
#header .menu li.sfHover ul ul ul {
left: -999em;
}#header .menu li:hover ul,
#header .menu li li:hover ul,
#header .menu li li li:hover ul,
#header .menu li.sfHover ul,
#header .menu li li.sfHover ul,
#header .menu li li li.sfHover ul {
left: auto;
}#header .menu li:hover,
#header .menu li.sfHover {
position: static;
}
John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.