Ultimate Guide Change Menu Top Magento 2 – LandofCoder Tutorials

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:

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.

Magento 2 Mega Menu Tutorials

Some other extensions you maybe interested in

Related Posts

Nhu Quynh

Recent Posts

Embracing the Cloud | Powerful Advantages of Leveraging Cloud Servers in 2025

After all, in business we're living by a binary decision. As the world becomes more…

4 minutes ago

Top 7 Emerging Programming Languages Developers Should Learn

In a world where technology evolves rapidly, developers who stay ahead of the curve gain…

1 day ago

Top Website Development Trends Every PPC Expert Swears By in 2025

The digital world is constantly changing and this way together website development and PPC advertising…

1 day ago

From Factory Floor to Online Store: How Manufacturers Can Leverage eCommerce to Boost Growth

Manufacturing is changing fast. Buyers want direct access to products, quick fulfillment, and reliable updates.…

3 days ago

Top 10 Powerful Magento 2 Extensions to Maximize ROI in 2026

The eCommerce industry is competitive. Business owners need to explore all possible ways to enjoy…

7 days ago

7 Proven Salesforce DevOps Testing Tools Transforming the BFSI Industry

The Banking, Financial Services, and Insurance (BFSI) industry is highly regulated and generally operates in…

7 days ago