Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 21, 2017 at 5:08 am #841824
    vlkwatchman

    it does, however, change to the mobile/burger when you flip the iPad up to portrait mode.

    in landscape mode, the menu buttons (text) is too big and runs over the logo.

    1. can i adjust the resolution at what is defined as “tablet”?

    2. can i disable the logo on the tablet and only have the main menu text?

    3. or can i make the menu text SMALLER for the tablet mode?

    again, my iPad in landscape mode is NOT switching over in to mobile/burger menu. how can i fix this?

    thanks!

    chris

    August 23, 2017 at 6:23 am #842872
    Ismael

    Hey vlkwatchman,

    Thank you for using Enfold.

    Please go to the Enfold > Main Menu > General panel. Set the “Menu Items for mobile” to the second option then add the CSS code to force the mobile menu to display when the screen width is less than 1366px.

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

    I’m not sure why would you want to do this but if you want the logo disabled, add the css code inside the css media query above.

    .logo { display: none; }

    Best regards,
    Ismael

    August 23, 2017 at 4:52 pm #843173
    vlkwatchman

    awesome! got it working! thanks man!

    we can close this.

    chris

    August 24, 2017 at 1:06 pm #843464
    Ismael

    Hi,

    Great! Let us know if you need anything else. :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘on iPad in landscape mode, menu does NOT change to mobile/burger’ is closed to new replies.