Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1244247

    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

    #1245095

    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

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