I want to have a mega menu for my website which include multiple columns under the “Hybrid Batteries” tab like the picture i attached.
First i came up with the idea to design so many HTML blocks to add under the dropdown section of “Hybrid Batteries” but because of the huge number of HTML blocks my website is too slow.
can you please introduce me an optimal way to design such mega menu (multiple column with one stage dropdown for each item in the columns) in a simpler way in Woodmart.
Another issue with my method is that clicking on the dropdown items is so hard :), you need to be very fast.
Navigate to: Appearance > Menus
Select your menu and locate the “Hybrid Batteries” tab.
Click the Edit Menu Item button and set the drop-down design “Aside”: https://ibb.co/g3QVMPP
Under the “Hybrid Batteries” tab, add sub-items (these will become the menu columns).
Arrange them as shown in: https://ibb.co/3B42yKc
Click on a sub-item to edit it.
Set its drop-down type to Mega Menu.
Add an HTML Block for the dropdown content: https://ibb.co/vVFX5cSv
.
