Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 1, 2018 at 2:07 am #965030
    AlexGreen

    Hi,
    Please help to adjust the overlapping menu over the Logo.

    Thank you

    June 1, 2018 at 5:42 am #965061
    Mike

    Hey Alex,
    I see that your menu is very long and over laps your logo, please try this code in the General Styling > Quick CSS field to make the burger menu stay viable longer:

    @media only screen and (max-width: 1193px) and (min-width: 768px) {
  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item {
    display: none;
  }

  .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special {
      display: block;
  }
}

    Best regards,
    Mike

    June 1, 2018 at 7:33 pm #965532
    AlexGreen

    Thank you for your prompt reply, but still the same.

    June 1, 2018 at 7:37 pm #965533
    AlexGreen

    Could please also explain what the “max-width” and “min-width” parameters impact.

    June 1, 2018 at 8:41 pm #965556
    Jordan Shannon

    Hi,

    Please refer to the following for an explanation on Media Queries:

    Media Queries Demystified: CSS Min-Width and Max-Width

    Best regards,
    Jordan Shannon

    June 1, 2018 at 10:26 pm #965582
    AlexGreen

    Thank you so much. Figured it out after reading.

    June 1, 2018 at 10:49 pm #965591
    Jordan Shannon

    Hi,

    No problem at all my friend. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Menu Overlaps Logo’ is closed to new replies.