Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

Discussions on GitHub

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

Remove level 2 menus

Home Forums Older releases 1.0.x Remove level 2 menus

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #3187

    I have a menu with 5 first-level links, each one of which has a submenu. For smartphone and tablet screen sizes, I want some of the second-level menus removed (based on a special class name). I don’t want the submenu indicator. I just want those first-level items to behave as a menu item without a submenu. But for the desktop screen size I want the second-level menu to be there. I know how to differentiate screen sizes in CSS and JavaScript. I just can’t figure out how to turn the second-level menu off and get rid of its submenu indicator.


    For example, you could add a class to the parent LI element:

    <li class="hidden-sub-mobile">...

    and use the following CSS:

    @media (max-width: 768px) {
    	.hidden-sub-mobile .sub-arrow, .hidden-sub-mobile ul {
    		display: none !important;

    That worked. Thanks very much for the suggestion!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘1.0.x’ is closed to new topics and replies.