How to show accordion menu on Desktop view?
Currently the mobile(hamburger) menu is displayed for devices which have screen width < 768 px.
There steps to show accordion menu on Desktop view as bellow:
Demo accordion Desktop Menu: https://builder.landofcoder.com/demo-accordion-menu
Step 1: Create Accordion Menu profile
Add new megamenu profile as this:
Choose Desktop Template = Accordion Menu
Step 2: Add custom css code
Please add custom css code bellow on custom css file of current theme or you can add on admin > Stores > Configuration > Venustheme.com > Custom CSS on Frontend as screenshot:
Step 3: Add megamenu block on frontend layout or Widget Instance
To show custom accordion menu on frontend, we can use layout xml to load the menu block as this:
Or use widget Instance
Go to admin > Content > Element > Widgets > Add new Widget as screenshots:
Step 4: Flush cache of the site
Last updated