Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 25, 2015 at 7:08 pm #464669
    dburton77

    Hi,

    Due to the width of my menu, I want to switch to the mobile menu at 1130px. How would I make this happen. When I tried applying this code:

    @media only screen and (max-width: 1130px) {
    .responsive #header .main_menu ul { display: none;}
    .mobile_active #advanced_menu_toggle { display: block;}
    }

    The regular menu doesn’t display above 1130px.

    When I applied this code:

    @media only screen and (max-width: 1130px) {
    .html_mobile_menu_tablet .main_menu , .html_mobile_menu_tablet #header_main_alternate{display:none;}
    .html_mobile_menu_tablet .container #advanced_menu_toggle, .html_mobile_menu_tablet #advanced_menu_hide{display:block;}
    .html_mobile_menu_tablet #mobile-advanced{display:block;}
    }

    when viewing on mobile, the whole page slides to the left upon swiping revealing the mobile menu rather than the mobile menu being triggered by the hamburger.

    I’m using the latest version of Enfold. Please advise…

    Thanks!

    June 27, 2015 at 1:23 pm #465251
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    June 28, 2015 at 1:09 pm #465522
    dh_sichtgut

    Hi dburton,

    i´ve had the same problem, because my main menu ist to large. Doesn´t look good on screens over 768px (ipad).
    So i searched for the main code 

    @media only screen and (max-width: 767px) {
.main_menu .avia-menu, #header_main_alternate, .fallback_menu{display:none;}
.container #advanced_menu_toggle, #advanced_menu_hide{display:block;}
.responsive.html_mobile_menu_tablet.html_logo_right #advanced_menu_toggle{left:auto;}
}

    and just changed the max-width to 1024px

    @media only screen and (max-width: 1024px) {
.main_menu .avia-menu, #header_main_alternate, .fallback_menu{display:none;}
.container #advanced_menu_toggle, #advanced_menu_hide{display:block;}
.responsive.html_mobile_menu_tablet.html_logo_right #advanced_menu_toggle{left:auto;}
}

    And that works fine.

    Best regards,
    Daniela

    • This reply was modified 9 years, 5 months ago by dh_sichtgut.
    June 29, 2015 at 8:13 am #465660
    dburton77

    Sure.

    June 29, 2015 at 9:49 am #465676
    dh_sichtgut

    Yes, i´m sure :-) It works on the web page i made. You can see it here http://susanneklimesch.de

    June 30, 2015 at 4:30 am #466144
    Josue

    Hi!

    I’m not sure if i understand what the issue is exactly, i’ve checked in my mobile phone and it appears to be working as expected, can you post a screenshot depicting the problem?

    Best regards,
    Josue

    October 9, 2015 at 6:10 am #516157
    dburton77

    We got it all sorted out. Thanks!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Change breakpoint to switch to mobile menu’ is closed to new replies.