Kelly Theme – Hide Mobile Menu

  • Resolved zzzmikedogzzz

    (@zzzmikedogzzz)


    9 years, 9 months ago

    Hi –

    I’d like to hide the mobile menu in the Kelly Theme. I’m currently hiding the menu using this:

    .nav-menu {
display: none;
}

    This works for the desktop version but not the mobile version.

    Thanks
    Mike

Viewing 3 replies - 1 through 3 (of 3 total)
  • Siobhan

    (@siobhyb)

    9 years, 9 months ago

    Hi Mike,

    You could target .main-navigation instead of .nav-menu in order to hide the menu across all devices:

    .main-navigation {
    display: none;
}

    Instead of using CSS to hide your menu, have you considered setting up an empty custom menu? This would achieve the effect you’re after and stop the underlying code from being loaded altogether.

    You can find some guidance for setting up custom menus here:

    I’ll be happy to help with any questions that come up, too!

    Thread Starter zzzmikedogzzz

    (@zzzmikedogzzz)

    9 years, 9 months ago

    Hi Siobhan –

    Thanks for answering my questions.

    Both options you provided work. I decided to go with the empty custom menu because I think it is the simplest way to do it. Also, I’ll have a place holder in case I want to add menu options later on.

    Thanks again!
    Mike

    Siobhan

    (@siobhyb)

    9 years, 9 months ago

    You’re welcome, Mike!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Kelly Theme – Hide Mobile Menu’ is closed to new replies.