Metro Custom Menu Above Header

[Venice22]

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/

[Stensson]

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

[Venice22]

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

[Stensson]

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' ) ) );

Navigation Menus

/Jonas

[Stensson]

Copy the code directly from github, it should work.

Cheers,
Jonas

[Venice22]

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

[Stensson]

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

[Venice22]

Thanks Jonas,
Have a great day:)

[Stensson]

You're welcome Lisa!

[Author]

Posts