Grow your CSS skills. Land your dream job.

Folding Menu[WordPress]

  • # May 30, 2013 at 6:38 am

    http://metainfos.com/demo/

    How can I get a folding menu so that when I slide down after banners The menu automatically folds and opens on hovering or clicking on an arrow

    # May 30, 2013 at 8:07 am

    What is a ‘folding’ menu?

    Do you have an example?

    # May 30, 2013 at 8:08 am

    Its not Joomla Its WORDPRESS firstly to clear out

    # May 30, 2013 at 8:08 am

    Ok…understood

    # May 30, 2013 at 8:10 am

    I dont have ne example to show :(

    # May 30, 2013 at 8:15 am

    Where have you seen one?

    I don’t know what a ‘folding’ menu is.

    Do you mean that the menu collapses into a smaller version of itself and then expands on hover or click?

    # May 30, 2013 at 8:18 am

    Yes exactly or something like they should get hide once user comes down after banners and reopens on hovering or clicking

    # May 30, 2013 at 8:20 am

    Ah…Jquery to the rescue I think.

    That’s outside my area but I believe that something could be some applying classes based on scroll position.

    Anyone?

    # May 30, 2013 at 8:57 am

    Somebody plz help

    # May 30, 2013 at 9:32 am

    Something [like this](http://twitter.github.io/bootstrap/javascript.html#dropdowns)? I would strongly advice against having it unfold on hover, as that makes it quite inaccessible for screen readers and people without a mouse for other reasons.

    # May 30, 2013 at 9:48 am

    @Melindrea

    What I think he after is that after a certain amount of scrolling down the menu changes to a ‘minified’ version **but** when that version is hovered (although I think a click would be better) it reverts to its larger size.

    The core content would still be the same it would just be presented differently.

    # May 30, 2013 at 12:22 pm

    Aha! Interesting idea, no idea how to implement it.

    (and on a sidenote, @Paulie_D, I love your avatar)

    # May 31, 2013 at 2:28 am

    @Paulie_D exactly u got my point now tell me how to get it done?

    # May 31, 2013 at 4:34 am

    A typical example can be collapsing menu of WORDPRESS DASHBOARD.. where you have the option to expand and collapse…

    It is laid out horizontally I want it vertically

    # May 31, 2013 at 6:16 am

    @Melindrea

    Thanks…I..ahem…”acquired it” from Google Images.

    It’s by Stephen Gilpin. You can see some of his portfolio here: http://www.flickr.com/photos/58218460@N03/

Viewing 15 posts - 1 through 15 (of 16 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".