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

Proven Guide to Scalable Software Development Services for Startups

Startups today operate in an environment where speed and adaptability and scalability determine their ability…

1 day ago

Ultimate Education App Development Cost Breakdown: Features, Tech Stack & Timeline

The education industry has gone through a pretty massive digital transformation over the past few…

2 days ago

Successful How to Integrate GenAI Agents into Your Website: A Developer’s Practical Guide

Visitors are no longer satisfied with static FAQ pages or chatbots. They want quick and…

2 days ago

Effective Liquor Store Website Design: How to Turn Visitors into Buyers

In today's digital marketplace having an online presence for retail businesses is no longer just…

2 days ago

What Do DevOps Service Providers Actually Deliver? A Complete DevOps Services Breakdown in 2026

"DevOps is not a goal, but a never-ending process of continual improvement." — Jez Humble,…

2 days ago

WooCommerce Open Pricing Guide: Set Minimum & Recommended User Prices

WooCommerce Open Pricing gives store owners a powerful way to let customers enter their own…

2 days ago