Navigation
Archive / Navbar sub-menu hovers on top of menu item, obscuring it
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 28, 2016 at 3:01 pm #1235189
    scholarvic
    Participant

    Hello,

    When users hover over a navbar item on my site, the sub-menu appears on top of the menu item itself (see attached).

    I have searched the forums and I can’t find a similar issue. I have used CSS to change the alignment, opacity, and justification but I cannot find a method of forcing the sub-menu to appear below the menu item.

    Thank you.

    October 28, 2016 at 11:28 pm #1235580
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    
.x-navbar .desktop .sub-menu {
    top: 80px !important;
}

    Please change the value as per your requirement.

    Thanks.

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