Community Forums › Forums › Archived Forums › Design Tips and Tricks › Menu on click not hover?
Tagged: menu drop down click
- This topic has 3 replies, 2 voices, and was last updated 10 years, 7 months ago by David Chu.
-
AuthorPosts
-
September 11, 2013 at 2:42 am #61855WPMonkeyMember
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
September 11, 2013 at 7:09 am #61909David ChuParticipantHi,
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
September 11, 2013 at 9:46 am #61935WPMonkeyMemberThanks, 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 #61939David ChuParticipantYes, 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
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.