Return to previous page

How to Create Hamburger Menu - by fbskitchens

This topic has 4 replies, 3 voices, and was last updated 8 years, 9 months ago ago by Jack Richardson

fbskitchens

Participant

February 18, 2016 at 20:24

Hello,

How can I create a hamburger style menu like the one in the Boxed Variant demo, shop item? (https://www.8theme.com/demo/woopress/boxed/)

When hovering over the menu item “products” I would like for a box to appear with all the sub-items (Product Categories: Appliances, Cabinets, etc..) in bold, listed horizontally; and the sub-items for each product category (Cooking Appliances, Cooling Appliances, etc…) vertically listed under the product category – so all the product categories & their sub-menu items can be seen at once.

Please & thank you!

Please, contact administrator
for this information.

#113749 Copied Theme version: 2.8 WooCommerce version: 2.5.2

3 Answers

Eva Kemp

Support staff

February 19, 2016 at 08:58

Hello,

Please read in the documentation how to create mega menu:
https://www.8theme.com/demo/docs/woopress/#!/primary_menu

Regards,
Eva Kemp.

#113800 Copied

fbskitchens

Participant

February 19, 2016 at 15:19

Thank you!

Is it possible to set the mega menu to appear on click instead of on hover? I would like to menu to stay visible even if the mouse moves away.

Also, is it possible to make the top bar menu items drop-down?

#113897 Copied Theme version: 2.8 WooCommerce version: 2.5.2

Jack Richardson

Support staff

February 19, 2016 at 16:54

Hello,

Unfortunately there is no option to make drop down menu visible on click.
Please take our apologies.

is it possible to make the top bar menu items drop-down?

You may try to create drop down menu as described here:
http://inspirationalpixels.com/tutorials/creating-a-dropdown-menu-with-html-css

Best regards,
Jack Richardson.

#113925 Copied
Tagged: create, guide, hamburger menu, steps, templates, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)