How to Get Child Pages Listed Under Parent

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.

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 https://readingforbrightminds.com/

The menu is question is in a sidebar widget.

Lane

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 ?? https://csswizardry.com/2011/02/creating-a-pure-css-dropdown-menu/

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

Lane