Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 31, 2018 at 12:54 pm #1028457
    aussiedropbear

    Hi,

    I’ve just released a new site for a client of mine however they have complained thast the main menu is wrapping when viewed on smaller laptop screens of say 16″ (1920×1080)

    Is there a way in which to prevent this from happenning?

    Cheers
    John

    October 31, 2018 at 8:30 pm #1028612
    Jordan Shannon

    Hey John,

    You have the option to reduce the font-size at those resolutions or perhaps go to the hamburger menu sooner.

    Best regards,
    Jordan Shannon

    November 1, 2018 at 12:00 am #1028656
    aussiedropbear

    Thanks for the reply.

    How or where do I do this to test?

    Cheers
    John

    November 1, 2018 at 9:44 am #1028775
    Rikard

    Hi John,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 1300px) {
  nav.main_menu {
    display: block !important;
  }
  #avia-menu .menu-item {
    display: none;
  }
  .av-burger-menu-main.menu-item-avia-special {
    display: block;
  }
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.