Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 8, 2020 at 11:13 am #1244247
    SilviaNT

    Hi,

    I have the auto sidebar navigation enabled, however it is showing full depth of the sub pages (child pages and all) and since I have quite a few the list goes very long and looks messy.

    Option 1:
    Is it possible to collapse the sub-pages (like an accordion maybe) if they have child pages so that it looks more clean?

    Option 2:
    Limit the depth and remove the child pages of the subpages.

    Please check my link below. Note I have moved the navigation to the bottom using code provided in the support forum

    September 11, 2020 at 11:17 am #1245095
    Ismael

    Hey SilviaNT,

    Thank you for the inquiry.

    The easier solution is to use css to hide the child menu items initially and display them only on hover.

    .nested_nav .page_item_has_children .children {
	display: none !important;
}

.nested_nav .page_item_has_children:hover .children {
	display: block !important;
}

    We can also use this css to add a + symbol beside the menu items with sub menus.

    .nested_nav .page_item_has_children::before {
	content: '+';
	position: absolute;
	left: -13px;
	top: 5px;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.