Navigation
Archive / sub sub menu item alignment
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 5, 2017 at 2:23 pm #1317793
    Mary Beth M
    Participant

    Hello there. When customizing my menu’s CSS, whatever I do to the sub-menu item, it does it to the sub-sub menu item but distorts it. I added screenshots because I’m not totally sure what the technical term is for menu items lower than .x-navbar .sub-menu level, But if I set the height on .sub-menu items to 125px, it looks fine, but the sub-sub-item displays waaaaaay down in the bottom left corner (screenshot) Then if I set the height so the sub-sub items look ok, the sub-menu items sit on top of the menu. Is there a way to get them both to display correctly at the same time?

    Thank you!

    January 5, 2017 at 2:24 pm #1317797
    Mary Beth M
    Participant
    This reply has been marked as private.
    January 5, 2017 at 2:40 pm #1317823
    Mary Beth M
    Participant
    This reply has been marked as private.
    January 5, 2017 at 3:38 pm #1317884
    Joao
    Moderator

    Hi There,

    You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

    Let us know how it goes,

    Joao

    January 9, 2017 at 3:48 pm #1322981
    Mary Beth M
    Participant

    A plugin conflict for the sub menu alignment?

    January 9, 2017 at 11:21 pm #1323434
    Paul R
    Moderator

    Hi,

    To fix it, you can add this under Custom > Edit Global CSS in the Customizer.

    
.x-nav-wrap.mobile  .sub-menu.collapse.in {
    margin-bottom: 10px;
    height: 44px;
}

    Hope that helps.

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