Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 16, 2015 at 8:48 pm #412558
    kevinmcgillivray

    Hi there. Is there any way to display a different menu to mobile users? I have navigation links that I have to hide when user are on a tablet or smartphone so I want to duplicate the main menu and add those nav items to the duplicate which would get displayed to mobile users instead.

    Does that make sense?

    March 16, 2015 at 9:02 pm #412573
    Josue

    Hey Kevin!

    You can add the class of noMobile to any menu item you don’t want in the mobile menu.

    If you don’t see the CSS class field check if you have it enabled in Screen Options.

    Regards,
    Josue

    March 16, 2015 at 9:06 pm #412578
    kevinmcgillivray

    Hey, Josue. I want to do the opposite. I want some things to ONLY show up in the mobile menu. Any suggestions?

    Thanks!
    kcm

    March 16, 2015 at 9:15 pm #412583
    Josue

    Put a noDesktop class instead and add this to Quick CSS:

    @media only screen and (min-width: 767px) { .noDesktop{ display: none !important; } }

    Regards,
    Josue

    March 16, 2015 at 9:17 pm #412586
    kevinmcgillivray

    Thanks. I realized that was the solution right after I posted my response. :-)

    Thanks!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Display different menu to mobile users’ is closed to new replies.