Hide menu level 2 items in mobile version

  • Hi there,

    how can i hide the level 2 items in the mobile version of my site?

    I have about 200 items in level 2 and users need to scroll too far down always. I want the mobile menu shows only the main menu items which can be unfold by click in the mobile version.

    Can someone pls help me out with that issue?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello mackiwu,

    Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer

    @media (max-width: 979px)
.navbar .nav-collapse ul.nav>li li a {
    display: none;
}

    Hope this will helps you.

    Thanks.

    Thread Starter Mackiwu

    (@mackiwu)

    Hello AddWeb,

    thanks a lot for the quick response,

    I tried the code already. The problem is now that i cant open the level 2 items when clicking on a level 1 item. they didnt show up…

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hide menu level 2 items in mobile version’ is closed to new replies.