Menu on click not hover?

Community Forums Forums Design Tips and Tricks Menu on click not hover?

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  David Chu 1 year, 3 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #61855

    WPMonkey
    Participant
    Post count: 6

    We’re using the Minimum theme and we were interested in the drop-down menus to display only when the top menu item was clicked on, not with a hover. Does anyone know how to switch this behavior?

    Also, we would need to be sure to indicate that there are drop-down items, which I’ve seen using a downward arrow, but I do not see that in this theme. Any advice on adding that as well?

    Thanks

    #61909

    David Chu
    Participant
    Post count: 1426

    Hi,
    Interesting question. Previously, Genesis dropdowns were aided by Superfish, a jQuery plugin that helped with various menu functions. For Genesis 2 they de-emphasized it, for the most part, opting for a somewhat lighter script footprint, and began using some CSS3 features for mild dropdown enhancement. I applaud this. I always prefer leaner and meaner where possible, and many people don’t realize that a dropdown menu is one of the most tricky things to manage in the CSS world.

    But in the new codebase I do see Superfish code, and here is a command for invoking it, in case you want to try it. I have not.

    As I read the Superfish stuff today, I see that they used to have a “click instead of hover” option, but they’ve removed it in the latest version. I don’t know if the Genesis version has that or not.

    If that doesn’t bear fruit, I’m almost sure you could find a plugin on Codecanyon that would have click dropdown capability for a few dollars. Frankly, I don’t see that many “clickie” menus these days.

    Dave


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

    #61935

    WPMonkey
    Participant
    Post count: 6

    Thanks, that looks like a start since the first line of Superfish states that there is an option for touch for opening sub-menus. I assume that I add the call to Superfish and add the Superfish code within the child theme folder to invoke the Superfish options and menu behavior?

    Hovers don’t exist in touch interfaces (yet) and can lead to very frustrating interactions between the touch user and selecting drop-down sub-menus so a “first touch” or click is best, especially on a responsive theme that will be viewed by multiple devices.

    Thanks, I’ll look at that and see if it works.

    #61939

    David Chu
    Participant
    Post count: 1426

    Yes, I was reading Superfish’s stuff about mobile improvements. And I also have seen a number of questions here and on Twitter concerning the, well, somewhat mild mobile menu support. ;) @bradleypotter on Twitter is going absolutely wild with mobile Genesis 2 menu experiments, so I would recommend chatting him up!

    Yes, you would start by making the call from the child theme. I don’t know beyond that, as I haven’t dealt with Superfish directly. You may find a couple more handy Genesis menu options if you enable that. Beyond that, you could search the codebase on “superfish” to see what other options and settings there may be. I see that Genesis 1 and 2 both have superfish code, and if you don’t find what you need in 2, you may find more goodies in Genesis 1’s codebase.

    Cheers, D


    Dave Chu · Custom WordPress Developer – likes collaborating with Designers

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

You must be logged in to reply to this topic.