Navigation
Archive / dropdown menu doesn't fit on smaller monitor
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 11, 2017 at 5:01 am #1402951
    MattHoll
    Participant

    A friend is testing our site on his laptop which has a smaller monitor and the dropdown menu is cutoff on the side.

    Website is here:

    http://www.hrvatskohomebrewprvenstvo.beer/

    Please see attached.

    Is there a way to fix this in CSS?

    Thanks for any help!

    -Matt

    March 11, 2017 at 5:38 am #1402977
    Thai
    Moderator

    Hi There,

    To fix this issue, please add the following CSS under Customizer > Custom > Global CSS:

    .masthead-stacked .x-navbar .desktop  #menu-item-1734 .sub-menu .sub-menu {
    left: auto;
    right: 100%;
}

    Hope it helps 🙂

    March 11, 2017 at 6:17 am #1402993
    MattHoll
    Participant

    Thanks!

    March 11, 2017 at 6:58 am #1403014
    Thai
    Moderator

    You’re most welcome 🙂

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