Navigation
Archive / Combining Second & Third Level Menu (one level of drop-down)
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 20, 2016 at 10:24 pm #1184151
    leverpunch
    Participant

    Hi,

    I currently have 3 levels of menu and would like to combine the second & third level into the first level of dropdown. The third level menu will appear under the second level menu as subpages (see screenshot for example).

    Kindly advise how I can achieve it.

    Thanks!

    September 20, 2016 at 10:25 pm #1184154
    leverpunch
    Participant
    This reply has been marked as private.
    September 21, 2016 at 2:34 am #1184277
    Rupok
    Member

    Hey there,

    Thanks for writing in! Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

    September 21, 2016 at 5:03 am #1184382
    leverpunch
    Participant

    Hi Rupok,

    Thanks for the reply. It’s not possible to display the third level menu along with the second menu?

    Appreciate any help.

    September 21, 2016 at 5:44 am #1184415
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> CSS :

    .masthead-inline .x-navbar .desktop .sub-menu .sub-menu {
    top: 3.25em;
    right: auto;
    left: 0;
}

    Hope that helps.

    September 21, 2016 at 8:23 am #1184597
    leverpunch
    Participant

    Hi Christopher,

    Thanks for the codes. Is it possible to show the third level menu without the second hover?

    This means that the third level will appear with the second level upon the first hover.

    Please advise.

    Alvin

    September 21, 2016 at 8:41 am #1184615
    Joao
    Moderator

    Hi There,

    Have you considered using a megamenu to achieve that?

    https://community.theme.co/kb/how-to-setup-megamenus/

    Let us know your toughts,

    Thanks

    Joao

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1184151 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>