How to use dropdown on mobile menu?

Hey guys,

How can I use dropdown menu on mobile menu. In desktop version, categories have dropdowns, but in mobile menu I cant find how to add dropdowns. If I use only main buttons, it will become really big and unorganised menu.

Thanks!

Hello,

As you know on Desktop view, usually there is Mega Menu with Block created or imported through the Demo. So, the Block doesn’t preview on the Mobile Menu.

So, you can create a simple Classic Menu (i.e. Parent Item -> Sub-Item -> Sub-Item) under the Dashboard > Appearance > Menus and then set it as Mobile Side Menu under the same area of Menu creation > then the dropdown will appear for the Mobile Menu: https://snipboard.io/vH05dq.jpg

Further, you can read out more about Menu here on the following Theme guide: https://xtemos.com/docs-topic/adding-menu-to-the-site/

Best Regards

Thanks guys,

I made my dropdown menu, which is actually my woocommerce categories. So how can I hide the “category” tab from mobile menu? Cuz actually I now have my new dropdown menu (categories) and default “category” menu in tabs.

Cheers!

Hello,

You need to navigate to the Header Builder on your Site under the Dashboard > WoodMart > Header Builder > there edit your current Header Layout > then go to Mobile area > there edit the Mobile Menu element > there you can find the Show/Hide tab > there you can disable the option Show categories menu: https://snipboard.io/FTsR5o.jpg

In this way the Categories Menu tab from Mobile Menu will get hidden.

Best Regards.

[Author]

Posts