Navigation
Archive / Submenu alignment
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 3, 2016 at 3:35 pm #1159932
    flacnvinyl
    Participant

    I am having an issue where a submenu item does not appear below the menu, but instead appears over it. Screenshot following…

    September 3, 2016 at 3:36 pm #1159933
    flacnvinyl
    Participant
    This reply has been marked as private.
    September 4, 2016 at 12:46 am #1160258
    Christopher
    Moderator

    Hi there,

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

    .masthead-inline .x-navbar .desktop .sub-menu {
    top: 73px;
}

    Hope that helps.

    September 4, 2016 at 9:12 am #1160572
    flacnvinyl
    Participant
    This reply has been marked as private.
    September 4, 2016 at 10:20 am #1160633
    Christian
    Moderator

    Please add the code below in your Appearance > Customize > Custom > Global CSS

    .masthead-inline .x-navbar .desktop .sub-menu {
    background: #b4292e;    
}

.desktop .sub-menu a {
    color: #fff !important;
}

    Hope that helps. 🙂

    September 4, 2016 at 8:14 pm #1161021
    flacnvinyl
    Participant
    This reply has been marked as private.
    September 4, 2016 at 11:59 pm #1161157
    Lely
    Moderator

    Hi There,

    Please update this:

    .masthead-inline .x-navbar .desktop .sub-menu {
    background: #b4292e;    
}

.desktop .sub-menu a {
    color: #fff !important;
}

    To this:

    .masthead-inline .x-navbar .desktop .sub-menu li:hover {
    background: #b4292e;
}
.masthead-inline .x-navbar .desktop .sub-menu li:hover a {
     color: #fff !important;
}

    Hope this helps.

    September 5, 2016 at 8:49 am #1161660
    flacnvinyl
    Participant
    This reply has been marked as private.
    September 5, 2016 at 9:12 am #1161701
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    .masthead-inline .x-navbar .desktop .sub-menu {
    padding: 0;
}
.masthead-inline .x-navbar .desktop .sub-menu > li {
    padding: 0.5em 0
}

    Hope it helps 🙂

    September 5, 2016 at 9:59 am #1161759
    flacnvinyl
    Participant
    This reply has been marked as private.
    September 5, 2016 at 10:24 am #1161785
    Thai
    Moderator

    If you need anything else please let us know.

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