Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 26, 2019 at 11:53 am #1083064
    jdelgadoesteban

    Hello, we seem to have an issue on some mobile devices (iPads) were the main menu overlaps the logo:

    Home

    Is there any way of solving the issue?

    ANy help with this will be greatly appreciated

    Javier

    March 28, 2019 at 12:12 pm #1084056
    Nikko

    Hey jdelgadoesteban,

    Would it be okay if the hamburger menu is shown instead (like one in mobile or tablet) instead when the main menu starts to overlap with the logo?

    Best regards,
    Nikko

    March 28, 2019 at 1:57 pm #1084093
    jdelgadoesteban

    Dear Nikko, thanks for your suggestion, yes I think it would. How would I achieve it?

    Kind Regards

    Javier

    March 29, 2019 at 2:36 pm #1084590
    Nikko

    Hi Javier,

    Can you try adding this css code in Quick CSS, located in Enfold > General Styling:

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

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

    Best regards,
    Nikko

    April 5, 2019 at 4:32 pm #1087507
    jdelgadoesteban

    Nikko, thanks for that, does seem to work well.

    Thanks!

    April 6, 2019 at 3:12 am #1087648
    Jordan Shannon

    Hi,

    Did you add the code to the very top of quick css so it runs first. Also, be sure clear the cache a few times over.

    Best regards,
    Jordan Shannon

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