Metro Custom Menu Above Header

Community Forums Forums General Discussion Metro Custom Menu Above Header

This topic is: resolved

Tagged: ,

This topic contains 8 replies, has 2 voices, and was last updated by  Stensson 11 months, 3 weeks ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #60635

    Venice22
    Participant
    Post count: 10

    Hi,

    I’m using a custom menu in the header right area. How do I move the menu up above the header and sitting on the right?

    I’ve tried a few things – such as using the secondary menu instead, but that seems to throw up other text into the top left area and still no menu.

    Any ideas??

    Thanks so much:)
    Lisa

    http://www.effortlessglutenfree.com/

    http://www.effortlessglutenfree.com/
    #60647

    Stensson
    Participant
    Post count: 19

    Add to functions.php

    /* Reposition the primary navigation menu
    remove_action( ‘genesis_after_header’, ‘genesis_do_nav’ );
    add_action( ‘genesis_before_header’, ‘genesis_do_nav’ );

    /Jonas

    #60658

    Venice22
    Participant
    Post count: 10

    Thanks for the code, Jonas.

    When I do that, it doesn’t seem to work. Menu is in the standard place.

    http://www.effortlessglutenfree.com/

    Do you know why this would be?
    Cheers,
    Lisa

    #60668

    Stensson
    Participant
    Post count: 19

    It should work. What happens If you unregister primary navigation menu?

    //* Unregister primary navigation menu
    add_theme_support( ‘genesis-menus’, array( ‘secondary’ => __( ‘Secondary Navigation Menu’, ‘genesis’ ) ) );

    http://my.studiopress.com/snippets/navigation-menus/

    /Jonas

    #60672

    Stensson
    Participant
    Post count: 19

    Copy the code directly from github, it should work.

    Cheers,
    Jonas

    #60679

    Venice22
    Participant
    Post count: 10

    Hi Jonas,
    My mistake – I added in a closed bracket in the first line. One of these “/” – thought it was missing. But when I do as you said and paste it directly it does work. My apologies. And thank you!

    Hey, I don’t want to take up too much more of your time, but I wondered – is the black box behind the menu an image? I want to make the text black and remove the thick black background to the menu. Suspect this is simple, but have been hunting for a while and can’t seem to find it!

    Anyway,
    thanks so much for your help!
    Cheers,
    Lisa

    #60699

    Stensson
    Participant
    Post count: 19

    I’m glad I could help.

    Hey, I don’t want to take up too much more of your time, but I wondered – is the black box behind the menu an image? I want to make the text black and remove the thick black background to the menu. Suspect this is simple, but have been hunting for a while and can’t seem to find it!

    It’s all about css.

    /*
    04 Menus
    —————————————————————————————————- */

    .genesis-nav-menu {
    overflow: hidden;
    }

    .menu-secondary,
    #header .genesis-nav-menu {
    float: right;
    width: auto;
    }

    #header .genesis-nav-menu {
    float: left;
    margin-top: 15px;
    margin-top: 2rem;
    width: auto;
    }

    .genesis-nav-menu.menu-primary {
    background-color: #fff;
    }

    .genesis-nav-menu ul {
    float: right;
    width: 100%;
    }

    .genesis-nav-menu li {
    display: inline-block;
    float: right;
    list-style-type: none;
    text-align: left;
    }

    .genesis-nav-menu a {
    display: block;
    padding: 16px 20px 14px;
    padding: 1rem 1.25rem 0.875rem;
    position: relative;
    color: #000;
    }

    .genesis-nav-menu.menu-secondary a {
    padding: 12px 16px;
    padding: 0.75rem 1rem;
    }

    .genesis-nav-menu .current-menu-item a,
    .genesis-nav-menu li a:hover,
    .genesis-nav-menu li:hover a {
    background-color: #f96e5b;
    }

    .genesis-nav-menu li li a,
    .genesis-nav-menu li li a:link,
    .genesis-nav-menu li li a:visited {
    background-color: #333;
    padding: 16px 20px 14px;
    padding: 1rem 1.25rem 0.875rem;
    position: relative;
    width: 120px;
    }

    .genesis-nav-menu.menu-secondary li li a,
    .genesis-nav-menu.menu-secondary li li a:link,
    .genesis-nav-menu.menu-secondary li li a:visited {
    padding: 12px 16px;
    padding: 0.75rem 1rem;
    width: 140px;
    }

    .genesis-nav-menu li li a:hover {
    background-color: #f96e5b;
    }

    .genesis-nav-menu li ul {
    left: -9999px;
    position: absolute;
    width: 160px;
    z-index: 99;
    }

    .genesis-nav-menu.menu-secondary li ul {
    width: 132px;
    }

    .genesis-nav-menu li ul ul {
    margin: -42px 0 0 159px;
    }

    .genesis-nav-menu.menu-secondary li ul ul {
    margin: -36px 0 0 171px;
    }

    .genesis-nav-menu li:hover ul ul,
    .genesis-nav-menu li.sfHover ul ul {
    left: -9999px;
    }

    .genesis-nav-menu li:hover,
    .genesis-nav-menu li.sfHover {
    position: static;
    }

    ul.genesis-nav-menu li:hover>ul,
    ul.genesis-nav-menu li.sfHover ul,
    #header .genesis-nav-menu li:hover>ul,
    #header .genesis-nav-menu li.sfHover ul {
    left: auto;
    }

    .genesis-nav-menu li a .sf-sub-indicator,
    .genesis-nav-menu li li a .sf-sub-indicator,
    .genesis-nav-menu li li li a .sf-sub-indicator {
    position: absolute;
    text-indent: -9999px;
    }

    #wpadminbar li:hover ul ul {
    left: 0;
    }

    Cheers,
    Jonas

    #60711

    Venice22
    Participant
    Post count: 10

    Thanks Jonas,
    Have a great day:)

    #60714

    Stensson
    Participant
    Post count: 19

    You’re welcome Lisa!

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

You must be logged in to reply to this topic.