Move secondary menu to above header

Community Forums Forums Design Tips and Tricks Move secondary menu to above header

This topic is: resolved

This topic contains 5 replies, has 3 voices, and was last updated by  colkav 1 year, 10 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #8986

    colkav
    Participant
    Post count: 38

    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 1 year, 10 months ago by  colkav.
    • This topic was modified 1 year, 10 months ago by  colkav.
    #8989

    Susan
    Moderator
    Post count: 9306

    Try this:

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


    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #9015

    colkav
    Participant
    Post count: 38

    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….

    #9095

    Susan
    Moderator
    Post count: 9306

    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 offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #9132

    Marc
    Moderator
    Post count: 197

    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;
    }


    #9133

    colkav
    Participant
    Post count: 38

    That worked perfectly. Thank you both so much!

    Regards,

    Colkav

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

The topic ‘Move secondary menu to above header’ is closed to new replies.