Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1484499

    The main menu is overlapping in Tablet display. How can I force it to use the mobile menu when this happens?

    #1484507

    Hey connect4consulting,

    Thank you for the inquiry.

    You can add this css code to adjust the mobile menu breakpoint.

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

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the code.

    Best regards,
    Ismael

    #1484523
    This reply has been marked as private.
    #1484559

    Hi,

    Great! Let us know if you have more questions. Have a nice day.

    Best regards,
    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Main menu overlapping in Tablet display.’ is closed to new replies.