Return to previous page

Option to Toggle Mega Menu / Dropdown to Toggle onclick or hover

This topic has 4 replies, 3 voices, and was last updated 6 years, 10 months ago ago by Rose Tyler

thisisbolo

Participant

January 7, 2018 at 04:00

I think there should be an option to toggle the mega menu or dropdown with onclick. Currently the default is hover but with the trend of touch screens an devices coming on board (Microsoft surfaces, hp/lenovo notebooks) I think this should be considered. Maybe in the these options service this as an on/off button in the header settings.

Speaking of, do you know where in the theme files I can hack this to work with onclick vs hover and for the menu to close with the mouse scrolling off the menu?

#181280 Copied Theme version: Latest WooCommerce version: Latest

3 Answers

Olga Barlow

Support staff

January 9, 2018 at 10:48

Hello,

Yes, at this moment we don’t have the option to open the menu by click for the desktop version but I sent this request to our developers and maybe we’ll add this in one of the next updates.

If you want to implement this by yourself you should have JS and CSS skills. To open menu by hover we use CSS only, to open the menu by click we would recommend to use the child theme and create custom js with the necessary code. Also, change the CSS styles to remove open by hover action.

Regards

#181378 Copied

thisisbolo

Participant

January 10, 2018 at 04:43

Cool. Thanks Olga, I’ll figure a way work it in with jquery!

#181474 Copied

Rose Tyler

Support staff

January 10, 2018 at 14:14

Hello,

Great.
Feel free to ask if you have any other questions.

Regards

#181511 Copied
Tagged: dropdown, mega menu, themes, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)