Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 21, 2015 at 2:41 pm #432017
    jbergmeier

    Hello:

    I am sure it has been asked before and I am sorry for the repeat, but I am looking to only have a mobile menu on an iPad no matter the orientation. There are too many links in the menu and they run over the logo when the site is viewed on an iPad in landscape (not in portrait). Any suggestions would be greatly appreciated.

    KennedyCatholic.org

    Sincerely,

    Jacob

    April 21, 2015 at 10:34 pm #432428
    Elliott

    Hey jbergmeier!

    Try adding this to your custom CSS.

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

    Regards,
    Elliott

    April 22, 2015 at 1:59 am #432486
    jbergmeier

    Thank you, Elliott.

    Unfortunately that didn’t work.

    Portrait works http://imgur.com/9yveWLq

    Landscape still does not http://imgur.com/dbsrnU3

    Thank you!

    April 22, 2015 at 6:21 pm #433030
    Elliott

    Hi!

    Try increasing the 900px value in the code to something higher like 1100px. It depends on your tablet resolution, how many pixels the screen width has.

    Best regards,
    Elliott

    July 27, 2018 at 10:03 am #990599
    dbisolutions

    Please try that code. It worked perfectly in my case!

    @media screen and (max-width: 1024px) {
    .home #avia-menu > li, .home .menu-item {
    display: none !important;
    }

    .home #avia-menu .av-burger-menu-main, .home #avia-menu .menu-item-search-dropdown {
    display: block!important;
    }
    }

    July 27, 2018 at 1:09 pm #990677
    Rikard

    Hi dbisolutions,

    Thanks for sharing, much appreciated :-)

    I’ll close this thread for now since it’s more than 3 years old.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Force Mobile Menu Despite Orientation’ is closed to new replies.