• The structure of a mega menu contains Mega menu heading, sub-pages and widget area.
• Mega menu helps icons to be shown next to pages and sub-pages on the Navigation bar
Step 2: Click the triangle icon on the right of Shop pages item then it will expand into many options like:
Navigation label: name of the parent page (Shop page)
Icon: you can select an icon of the page and change size, color and position of the icon here. Click the arrow icon to opt an icon and click the stick icon to make alternations to the icon.
Enable Mega menu: ticking this box allows display of megamenu
Mega menu column: This option has a drop-down list of different numbers of columns shown in Mega menu area. The number varies from 2 to 6. On our demo site, this number is 3.
Hide Mega menu heading: Check this box if you want to hide Mega menu heading. In our demo, Shop pages item is considered to be a Mega Menu heading. When you choose option of hiding mega menu heading, Shop pages title will automatically disappear on Mega menu area.
Besides, Categories and Popular Brands items have some sub-items which are also Custom links.
Therefore, before making any changes to options included in this item, please assure that you created a sidebar and a widget corresponding to it.
• We have a sidebar called Menu Sidebar One.
Learn more about creating sidebars:
• Next, we will go to Appearance> Widgets> drag Text widget to Menu Sidebar One> click the triangle icon on the right of the widget> paste link of the image into content section (See the illustrative image to know how to add link)> Save.
Learn more about adding widgets to a sidebar: