Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 13, 2016 at 1:13 am #564239
    jamesgeiger

    Hi Kriesi,
    Love Enfold, but have run into an odd problem. On an iPad, the mobile menu displays when in Portrait mode, but in Landscape mode the full menu structure is displayed – and writes over our logo (GMCLA.ORG). I see where there is a checkbox to turn mobile menus on or off. Is there also a place where I can enter the threshold dimensions to instruct Enfold to use ONLY the mobile menu for tablets and smartphones? If not, could you suggests the appropriate CSS?

    Thank you!

    Jim Geiger
    GMCLA Online Development

    January 13, 2016 at 2:33 am #564246
    Elliott

    Hey James!

    Navigate to Dashboard > Enfold > Header > Mobile menu and set it to activate for tablets at 990px.

    Cheers!
    Elliott

    January 13, 2016 at 2:53 am #564262
    jamesgeiger

    HI Elliott,

    I had done that but I think the display on the iPad is 1024. With that setting the mobile menu only displays if the iPad is in Portrait position.
    Is there CSS available to trigger the mobile menu?

    Thanks!

    Jim Geiger

    January 14, 2016 at 3:22 am #565154
    Elliott

    Hey!

    Yes, you can use this.

    @media screen and (max-width: 1030px) {
nav.main_menu { display: none !important; }
#advanced_menu_toggle { display: block !important; }
}

    Cheers!
    Elliott

    January 14, 2016 at 3:25 am #565157
    Rikard

    HeyJim,

    Please try the following in Quick CSS to trigger the mobile menu for ipad landscape mode:

    @media only screen and (max­width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}

    Thanks,
    Rikard

    January 14, 2016 at 9:28 pm #565770
    jamesgeiger

    Thank you Elliott and Rikard!

    The CSS that Elliott sent works just fine!! Now my iPad 2 displays the hamburger menu in both landscape and portrait modes.

    Sincerely,

    Jim Geiger

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Responsive(ness) on an iPad’ is closed to new replies.