The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

What would you call this kind of menu?

  • # March 19, 2013 at 2:49 pm

    Was doodling with CSS for no good reason and I ended up with this:

    In initial state menu is horizontal, but it swithes to vertical mode when the menu is open.

    This idea occurred to me initially when I was thinking about the most compact ways for a menu to be represented and how many menus these days tend to have multiple columns in them. Turning the menu vertical seemed to be somewhat obvious way to gain more vertical space for columns, and as an added bonus I didn’t need to hack :target so that menu items can be changed.

    Now I wonder if this kind of menu has been done before? I’ve seen a lot of them but I haven’t really seen any other to switch from horizontal to vertical (or doing the opposite). Whether this is usable on a real site… I guess isn’t up to me to say.

    # March 19, 2013 at 3:12 pm


    # March 19, 2013 at 3:26 pm

    Already reserved for [something else]( :/

    # March 19, 2013 at 3:32 pm

    damn – so fitting…

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed