WordPress.org

Ready to get started?Download WordPress

Forums

How to Get Child Pages Listed Under Parent (5 posts)

  1. Lane Lester
    Member
    Posted 1 year ago #

    Some themes I've tried will display in a menu only the parent pages. When you hover the mouse cursor over one of the pages, a list of the child pages drops down.

    Unfortunately, the themes that I like for other reasons lack this feature. How can I add it?

    Lane

  2. Good Guy
    Member
    Posted 1 year ago #

    It is just a matter of dragging them below the parent pages. I suggest read this document which has pictures to guide you.

    What is your theme called. Sometimes you might need a plugin but first try without any plugins.

    Good luck.

  3. Lane Lester
    Member
    Posted 1 year ago #

    Thanks. There seems to be no link associated with "this document."

    I found how to drag the child pages to the parent in the Menu setup. However, in the displayed menu the children are listed below the parent and indented. If possible, I would like them not to show up until the mouse cursor is hovered over the parent entry.

    I'm currently using the simplecorp theme at http://readingforbrightminds.com/

    The menu is question is in a sidebar widget.

    Lane

  4. Xaliber
    Member
    Posted 1 year ago #

    Assuming that you only have one-level child, this might work. Add this to your CSS:

    .sub-menu {
    position: absolute;
    left: -9999px; // hides the menu
    }
    
    #menu-main li:hover .sub-menu {
    position: relative;
    left: 0; //show the menu when it's hovered
    }

    It's only a very rough try though.

    For more you might be interested in taking a look at this :) http://csswizardry.com/2011/02/creating-a-pure-css-dropdown-menu/

  5. Lane Lester
    Member
    Posted 1 year ago #

    Thank you very much. The code you provided did exactly what I wanted.

    Lane

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags