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

The Future of E-Commerce: 4 Powerful Benefits of Decentralized Payment Systems

Now that the global e-commerce sector has taken off in earnest, there’s an even greater…

4 days ago

How Fintech Is Empowering Investing: 7 Smarter Tools Al Sollami Recommends for Safer Portfolios

In the fast-moving world of digital finance, fintech has gone from a buzzword to a…

4 days ago

PathSocial’s Impact: Enhancing eCommerce Platforms with Social Media Growth Tools in 2025

The success of eCommerce companies relies heavily on social media platforms which let them attract…

4 days ago

7 Powerful Tips to Choose a Salesforce Custom App Development Company for Your Business

In today's highly digital world, the rivalry between companies is getting fiercer, as is their…

4 days ago

Revolutionizing Online Reservations: Powerful Ways AI-Powered Booking Transforms E-Commerce in 2025

You know that feeling when you’re trying to book something online, and it’s a total…

6 days ago

5 Essential Steps to Build an Appealing Online Storefront for Your Startup

The recent global e-commerce boom has made the industry an appealing arena for new entrepreneurs…

6 days ago