📘
Magento 2 Megamenu
  • Overview
  • Installation
    • Setup via FTP or cPanel
  • Config and Usage
    • Install sample data
    • Module Configuration
    • Manage Megamenu
    • Create New Megamenu Profile
    • Configure menu item
    • Show menu on frontend Desktop
    • Show Menu On Frontend Mobile
    • How to use Magento 2 Pagebuilder
    • REST API
    • Graph Ql
  • FAQ
    • How to make desktop and mobile menu on same page?
    • How to use dynamic content tabs for sub menu items?
    • How to add a menu using Widget?
    • How to add products in submenu
    • How to show parent menu and sub menus in the same level
    • How to add label into menu items
    • How to add menu link to category and sub categories?
    • How to change default horizontal menu on header?
    • Problem when import larger categories into menu items?
    • How to show accordion menu on Desktop view?
  • Theme Compatible
    • Porto
    • Codazon Fastest Fashion
    • Ultimo
  • Video Tutorials
    • Video guides
Powered by GitBook
On this page

Was this helpful?

  1. Config and Usage

Create New Megamenu Profile

Create New Menu

PreviousManage MegamenuNextConfigure menu item

Last updated 2 years ago

Was this helpful?

In this tutorial, I will show you how to create a menu in magento 2 easily with drag n drop features and visual interface.

Firstly, Go to Back-end > Venustheme > Mega Menu > Add New Menu

There are two tabs: General Settings, Menu Editor (for normal version, PRO version is more advanced)

Edit menu profile (Normal Version):

Edit menu profile (Pro Version):

General Settings Tab

Name: Title of the menu, such as Top menu, Vertical menu,

Alias: You can display menus that have the same alias for different stores

Event: There are two options

  • Hover: Used to create Horizontal menu, Vertical Menu

  • Click: Used to create Tree menu, Accordion menu

Scroll to Fixed: Allow this menu fixed on the top page when scroll over menu position:

Additional Class: Add custom classes for wrapper tag of megamenu on frontend

Disable Dimensions: Enter the width(pixel) want to disable this menu. The menu will be remove when your screen width less than this value

Bootstrap 3 Media Query Breakpoints:

  • Large Devices, Wide Screens: 1200px

  • Medium Devices, Desktops: 992px

  • Small Devices, Tablets: 768px

  • Extra Small Devices, Phones: 480px

  • iPhone Retina: 320px

Menu Editor Tab

This tab allows manage menu items and edit option as your like.

General Settings
Menu item editor
Menu item editor
General Setting
Design Options
Menu Sticky Working
Menu edit tab