Open Content Area Dropdown on Hover

Is there a way to open a Content Area Dropdown on hover instead of on click?

I am using the header creator in Pro and have successfully added a Content Area Dropdown that works great, I just would like to change how it opens. Instead of having to click on the link i would like to be able to hover and the content area show.

Thanks!

2 Likes

Hi there,

Any elements that involve a “Toggle” require a click to reveal the content. Regretfully there isn’t a way to alter the behavior to use hover instead.

Thanks for letting me know. Is there anything else I can use that will open on hover but let me put in custom code/text? I am making a custom Login dropdown.

I am sure I could make a button and manipulte it with jquery or something, but I was hoping to use something that is already in there that i could use rather than add more code if it was not necessary.

Thanks!

1 Like

Howdy!

Regretfully, there is nothing out of the box that can be triggered by hover at this time, which is by design to be more purposeful when dealing with touch-centric devices. Anything that is initially hidden and is triggered open is always handled with a click to ensure consistency in user experience (e.g. off canvas areas, modals, dropdown content areas, et cetera).

Cheers!

Understandable, what about the Navigation Inline? That element works on hover on desktop and click on mobile, any way to harness that to show my custom code and text?

I’m sorry, there isn’t a supported way to modify that element. It’s deeply involved, but our “Sample Menus” utilize a way to tap into the menu output and output custom code. If you’re comfortable using WordPress filters and poking around the files a bit, you could take a look at the x_sample_menus filter. I can’t really get into it further without getting into custom development, but that might get you started.

Thanks for the tip! I appreciate it!

You’re welcome.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.