Move secondary menu to above header

[colkavParticipant Post count: 34]

Hi,
I’ve been trying to move the secondary menu above the header, to the right, on the sample theme, and retain it’s style. I tried following the instructions here:

http://journalxtra.com/easyguides/add-menu-genesis-themes-4830/

But the resulting menu came out vertical and didn’t inherit the style of the primary menu / current secondary menu…

Is there an easy way to do this?

The site i’m working on is here.

Many thanks,
colkav

• This topic was modified 4 months, 2 weeks ago by  colkav.

• This topic was modified 4 months, 2 weeks ago by  colkav.

[SusanModerator Post count: 3180]

Try this:

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

---

Susan @ Graphically Designing I’d love to customize your website! I tweet!
I’ve taken up the challenge! – help me answer some of the unanswered posts

[colkavParticipant Post count: 34]

That was easy, many thanks! It would be just perfect if i could just get it to align to the right. I’ve tried inspecting the css and can’t see any elements to do with alignment. hmm….

[SusanModerator Post count: 3180]

I’m sure there’s an easier way of doing it (but I don’t know off the top of my head!), but a lot of the themes which have navigation menus above the header and aligned right use a “header right” widget area. Maybe that is something to consider.

Take a look at the Agency theme demo here:

http://demo.studiopress.com/agency/

---

Susan @ Graphically Designing I’d love to customize your website! I tweet!
I’ve taken up the challenge! – help me answer some of the unanswered posts

[MarcModerator Post count: 65]

Below is the selector that aligns the menu items to the left or right.  It should be around line 301 in the CSS.

.menu-primary li, .menu-secondary li, #header .menu li {
float: left;
list-style-type: none;
}

As you can see it floats all three menus to the left, so you will need to break-out the secondary menu.  You could do this by replacing that section with these two sections -

.menu-primary li, #header .menu li {
float: left;
list-style-type: none;
}

.menu-secondary li {
float: right;
list-style-type: none;
}

---

Resultz Digital | Websites, search marketing services and consulting for small business.
Use the Custom Genesis Framework for WordPress Resource Search Engine

[colkavParticipant Post count: 34]

That worked perfectly. Thank you both so much!

Regards,

Colkav

[Author]

Posts