Tagged: menu drop down click
September 11, 2013 at 2:42 am #61855
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?
ThanksSeptember 11, 2013 at 7:09 am #61909
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 Chu · Custom WordPress Developer – likes collaborating with DesignersSeptember 11, 2013 at 9:46 am #61935
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.September 11, 2013 at 9:55 am #61939
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.
Dave Chu · Custom WordPress Developer – likes collaborating with Designers
You must be logged in to reply to this topic.