Ultimate Guide Change Menu Top Magento 2 – LandofCoder Tutorials

June 18, 2018

14849

In this tutorial, I will show you How to Change Top Menu Magento 2 with Magento 2 Mega Menu & Magento 2 Mega Menu PRO – Landofcoder

– Create Top Menu Magento 2
– Change Top menu for Your Magento 2 Store

Let’s view Video How to Change Top menu Magento 2:

Table of Contents

1. Create Top Menu Magento 2

Follow guide: How to Create Simple Menu Magento 2

Video guide:

Top menu is group of menus which are shown on Your Website Top. It allows to assign menu on your Magento Store easily.

Admin Panel -> Venustheme -> Mega Menu PRO ( Mega Menu) -> Add New Menu:

After tapping “Add New Menu”-> You can fill all information for your menu:

1.1 General Settings:

Name: Menu name such as Top menu or Horizontal Menu, etc
Alias: That a named menu is also known or more familiar under another specified menu name.
Event: Choose Hover or Click
Scroll to Fixed: Enable or Disable to fix menu when you scroll the page
Disable Dimensions: 0
Destop Template:
Mobile Template:
Disable Item Blocks:Â
Storeview:
Status: Enable /Disable

-> Then “Save menu”

1.2 Menu Editor: At this part, you can create simple Menu Items ( Parent Menu & Submenus also). Then edit color, background, menu style.

Create Magento 2 Vertical menu:

Create Magento 2 Horizontal menu:

Interestingly, if you want to add submenu for each parent menu. You can drag n drop menus to define them for submenus.

Follow our below image:

Clean Cache & Refresh Your Magento 2 Store:

System -> Cache Management -> Select All -> Submit

2. Change Top Menu Magento 2

Open Your Default.xml at the path:

app\code\Ves\Megamenu\view\frontend\layout

Then edit:

Replace “menu-top” to “menu-top1” -> Save and Upload Your store server

View How Top menu Display at Frontend

Congratulation! You’ve created Top Menu & Change Top Menu Magento 2 successfully with Magento 2 Mega Menu & Magento 2 Mega Menu PRO Extension – Landofcoder.