...

Note that the default menu will only be used if there is no mega menu selected.

Create a label

Go to Mega Menu > Manage Labels, you can manage all the available labels in the grid table.

You can edit or delete the label by clicking on Select in Action column.

Or you can create a label by clicking on Add New Label button.

Image Added

Title: The label name displayed in the back end

Text: The content of the label 

Position: Set the position of the label on the item name (Top, Left, Right, Top Left, Top Right)

You can change the font size of the text, the label width and height, the text alignment and text color.

You can also add a border to the label with 5 types of border styles: Dashed, Dotted, Double, Solid or No style/None.

Border radius: The rounded corners of the label

You can add the arrow to point the label to the menu item. With the arrow, you can edit the width and color.

Image Added

Create a new menu 

Go to Magento 2 backend > Mega Menu > Manage Menus

...

On the right column, there are 3 tabs: Pages, Categories, Custom Item that allow you to add pages, categories or custom page to the menu.

 You can add one or more items to the menu by selecting the item(s) then click on Add to menu button.

...

Link: The menu url or url key.

Class: You can add a class to customize the item with CSS.

Icon: You can upload the icon for each item. It will be displayed on the left of the item on the main menu bar.

Label: You can create the label in Mega Menu > Manage Labels.

 Style:

You can choose the Text Color, Hover Text Color, Hover Button Background Color & Dropdown configfrom RGB color picker.

You can add the content in Header, Footer, Left , Right: Users can only write content using wysiwyg editorBlock and/or Right Block. You can enable/disable each one and edit with HTML and CSS.

Main Content: User You can use wysiwyg editor or use differtent different types of content: default list, grid or tab.

...

Adding Categories to a Menu

At Categories tab > choose categories options which you would like to add into Menu Structure. Click on Add to Menu button to finish. 

*Note: Using subcategories instead of making menus at level 2 in Categories when creating multi-level Menus to avoid making an error.   

Image Removed

Image Removed

In addition, admins have the ability of designing own page and category by click Edit button.

Left Block: display left block or not and create class, width or content HTML.

Main Content: set up layout for main content.

Style: text color and hover text color are two fields to style by HTML command.

Image Removed

Adding Custom Link to a Menu

At Custom Link tab > enter Title and add Link into textbox. Click on Add to Menu button to finish. 

Image Removed

View custom link at the front-end:

Image Removed

Deleting a Menu Item:

Press Mega Menu tab and choose menu. Nextly, click Select drop down-> Delete.

Image Removed

How to add your Menu to your site

Click on Save button at the top right.  

Image Removed

Congratulations! Your new custom menu has now been added to your site.

You can preview the mega menu before saving by clicking on Preview button.

Image Added

...

Update

• When a new update is available, we will provide you with a new package containing our updated extension.
• You will have to delete the module directory and repeat the installing steps above.
• Flush the config cache. Your store and newly installed module should be working as expected.

...

• We will reply to support requests after within 2 business days.
• We will offer lifetime free update and 6 months free support for all of our paid products. Support includes answering questions related to our products, bug/error fixing to make sure our products fit well in your site exactly like our demo.
• Support DOES NOT include other series services such as customizing our products, installation and uninstallation service.

...