Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 10, 2019 at 1:50 pm #1065106
    Roger

    Hello

    If I shrink the browser than the main menu is overlapping the logo. How can I fix that ? see the screenshot below.

    Thanks for your help
    Kind regards
    Roger

    • This topic was modified 5 years, 9 months ago by Roger.
    February 11, 2019 at 6:51 am #1065309
    Rikard

    Hey Roger,

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

    @media only screen and (max-width: 1180px) {
  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

    February 11, 2019 at 10:35 pm #1065714
    Roger

    Hi Rikard

    Thanks for your help, that code works great. Why is this happen ?

    Thanks for your help
    Kind regards
    Roger

    February 11, 2019 at 10:47 pm #1065721
    Jordan Shannon

    Hi,

    Sometimes this happens when the logo length comes in conflict with the number of menu items at that specific range between desktop and tablet. Did you need further help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    February 11, 2019 at 10:56 pm #1065724
    Roger

    Hi Jordan
    Thanks for answer. Yes iam fine with that.

    kinde regards
    Roger

    February 12, 2019 at 12:11 am #1065733
    Jordan Shannon

    Hi,

    If you need additional help please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘main menu covers logo if shrink browser’ is closed to new replies.