Navigation
Archive / Scroll-down menu overlaps main menu in shrunk header/navbar
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 22, 2016 at 8:46 pm #1187357
    Mlupwebadmin
    Participant

    Dear X team,

    I have a navbar that shrinks when scrolling down. But when the users scrolls down on the page and then hovers over the main menu, the drop-down menu overlaps the main menu points. How can I fix that?

    The website is http://www.mlup-baitong.org

    I would also like to make the transition to the shrunk navbar smoother. I tried using

    .x-brand img,
    {
    transition: all 0.5s ease;
    }

    but that didn’t do the trick.

    Thanks a lot in advance!

    Daniela

    September 22, 2016 at 11:01 pm #1187460
    Jade
    Moderator

    Hi Daniela,

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

    .x-navbar-fixed-top .desktop .sub-menu {
    top: 60px;
}

    Hope this helps.

    October 3, 2016 at 11:28 pm #1201475
    Mlupwebadmin
    Participant

    Perfect, worked like a charm! Thanks a lot 🙂

    October 3, 2016 at 11:32 pm #1201479
    Prasant Rai
    Moderator

    You are most welcome. 🙂

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