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
    Posts
  • June 9, 2016 at 19:41 #3187
    DanM
    Participant

    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.

    June 15, 2016 at 14:10 #3200
    admin
    Keymaster

    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;
	}
}
    June 15, 2016 at 17:56 #3201
    DanM
    Participant

    That worked. Thanks very much for the suggestion!

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