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
  • #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.

    #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;
    	}
    }
    #3201
    DanM
    Participant

    That worked. Thanks very much for the suggestion!

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.

Register

You will be emailed a link to set your password.

Login

Lost password?