Want TwentyTwelve responsive menu submenus to collapse

  • David Borrink

    (@davidborrink)


    9 years ago

    Twenty Twelves mobile menus display all pages and sub-pages in one long menu. I’ve been digging for an answer how to make the parent-level pages show up with all the child-level pages collapsed inside each of them. Is this possible through CSS or is there a plug-in that can allow these kind of collapsed responsive menus?

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

    (@crouchingbruin)

    9 years ago

    The problem would be, how would you expand the submenu items, by tapping on the main menu item? What if the main menu item has a page associated with it? Then you’d be taken to the menu item’s page before the menu had a chance to expand and display the submenu items. With a desktop, you can hover over a main menu item and have the submenu items expand, but you don’t have a hover capability with a mobile device.

    Thread Starter David Borrink

    (@davidborrink)

    9 years ago

    Very true. Only by setting up custom menu items without links in the Menus section would I avoid that problem. Good point.

    And mobile menus by nature don’t have a “hover”.

    CrouchingBruin

    (@crouchingbruin)

    9 years ago

    Correct. As you say, you can get around this by creating a Link menu item and setting the URL to #, but then, besides the CSS for menu items which have been toggled, you’d have to add some Javascript that adds an onclick event handler to each parent menu item that expands or hides the submenu when the parent menu item is clicked/tapped. Not terribly difficult, but a little more involved than just adding some CSS.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Want TwentyTwelve responsive menu submenus to collapse’ is closed to new replies.