WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Eleven
[resolved] Second Custom Menu Flattens Sub-Menu Items (3 posts)

  1. globaltimoto
    Member
    Posted 2 years ago #

    Hello

    I created a second custom menu with sub-level menu items using the admin console GUI.

    I added a Theme Location to the admin GUI by adding the following to functions.php:

    /*
    adding second menu, second nav to child theme
    */
     register_nav_menus( array(
     'primary' => __( 'Primary Menu', 'CHILDTHEMENAME' ),
     'secondary' => __( 'Secondary Menu', 'CHILDTHEMENAME'),
     ) );

    I was then able to add a Custom Menu widget to the Main Sidebar and begin styling the menu.

    However, the sub-level menu items appear with the top-level items, but I want the sub-level items to only appear as flyouts (dropdown).

    How can I gain control of the menu structure so that the sub-level menu items are not displayed until their parents are hovered over ?

    I thought that the menu builder in the admin GUI was supposed to take care of this.

    http://wordpress.org/extend/themes/twentyeleven/

  2. zeaks
    Member
    Posted 2 years ago #

    If I understand you right, you didn't need to add a secondary menu, you just needed to create a new menu in appearance > menus like you did.

    The default custom menu widget doesn't have a dropdown feature like what your asking about. Maybe there is a plugin that will do this though.

  3. globaltimoto
    Member
    Posted 2 years ago #

    @zeaks

    Thanks for the reply.

    I'm doing it all with pure css.

    I seem to have figured out some of the issue, but really only by trial and error in configuring the css ids and classes.

    It's so much easier doing this sort of thing in a site built in dreamweaver, but because wp has so many layers of css I get rather bogged down with figuring out which parts have to be re-stated and not.

    So the short of it is that wp does create the menu structure as required, but deciphering the correct css for the dropdown is a bit tricky.

    Currently I have everything as expected for a vertical flyout menu. Now I'm just stuck on getting the hover transitions to work.

    Below is the meat of what I'm working with:

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

    But then I can't figure how to get the flyout to lineup properly.

    I get a headache staring at this for too long. :)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic