Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 24, 2017 at 7:45 pm #843659
    DynamicsOnline

    I need to switch the breaking point for when the mobile menu appears to 1230px. After reading through the other forum entries regarding this subject, I added to the style below to the Quick CSS window.

    @media only screen and (max-width: 1230px) {
    .html_mobile_menu_tablet .main_menu {display:none;}
    .av-burger-menu-main { display: block !important; }
    }

    The menu does disappear at 1230px, but the mobile burger menu is still not displayed between what, I think would be 991px to 1229px.
    What exact style do I need to add in order for the mobile menu to appear when the main text menu goes away?

    Thanks!
    D

    August 29, 2017 at 4:53 am #845170
    Ismael

    Hey DynamicsOnline,

    Thank you for using Enfold.

    Please remove the modifications then 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;
  }
}

    Best regards,
    Ismael

    September 5, 2017 at 8:17 pm #848317
    DynamicsOnline

    Perfect. Thank you very much for your help!
    Best,
    D

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Enfold mobile burger menu breaking point’ is closed to new replies.