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

How To Prevent Data Breaches Risks In Integration And Third-Party Apps | 2025 Updated

Due to the ever-increasing reliance of businesses on third-party apps and integrations to complete processes…

7 days ago

Best Website Design Practices For Restaurants | 2025 Updated

Your website is a visual representation of your restaurant. It acts as a welcome mat…

7 days ago

Custom SaaS Development vs. No-Code Platforms: The Ultimate Guide to Making the Right Choice in 2025

The availability of no-code tools has made software development more accessible than ever before. Businesses…

1 week ago

How To Get More Organic Traffic? Best 5 Tips For Your E-Commerce Website

Starting an e-commerce brand is not always a matter of building a powerful product. Your…

1 week ago

Generative AI for E-Commerce Business: Powerful Trends You Can’t Ignore in 2025

Generative artificial intelligence (AI) represents an exciting new frontier in technology with huge potential to…

1 week ago

4 Powerful Ways AI Meeting Managers Help Teams Organized and on Track

Without proper organization, meetings can become a drain on productivity, leading to missed deadlines, forgotten…

1 week ago