How to create multi layered mega menu for desktop and mobile view

Dear Support,

I liked the updated version of the WoodMart, It has now all the required options. Since I am new to Woocommerce and WoodMart, I have one query.

https://prnt.sc/ty4Mjaa3WcdW

Please refer to the attached screenshot. I want to create a similar menu on my site. I tried using the blocks. It is well visible in the desktop view but the menu is not opening in the mobile view. It is not supported or I am doing something wrong? Please advice.

Regards,
Niraj

Attachments:

You must be logged in to view attached files.

Just wanted to update. I also tried a dropdown menu with product tags, and using attributes. I created menu dropdown using one of the attributes – brands. My site will have around 20 brands and I am managing brands as one of the attributes.

These drop down are working well on desktop computer but not working on mobile devices. No dropdown opening.

Hello,

We have manul with the details on how to create a mega menu on the desktop: https://xtemos.com/docs-topic/create-mega-menu/

Mobile view does not support mega menu blocks as there is no space enough for it, you will need to create a separate multi-level menu instead of mega menu, and assign it as mobile in Appearance > Mobile.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts