Metic Primary Nav in Header Right

Community Forums Forums Design Tips and Tricks Metic Primary Nav in Header Right

This topic is: not resolved

Tagged: 

This topic contains 3 replies, has 2 voices, and was last updated by  SoZo 1 year, 8 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #10706

    authorityseo
    Participant
    Post count: 4

    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.

    #10716

    SoZo
    Moderator
    Post count: 1573

    Can I get a link to your site?


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #10717

    authorityseo
    Participant
    Post count: 4
    #11342

    SoZo
    Moderator
    Post count: 1573

    Try 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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.