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
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
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
E-commerce businesses constantly evolve, and growth often exposes issues that were not visible earlier. A…
eCommerce Content has become a critical growth driver in today’s highly competitive, AI-driven digital marketplace.…
Documentation remains one of the biggest challenges in modern software development. Every developer knows the…
Websites are the cornerstone of any modern enterprise because they are the primary means by…
Not all e-commerce businesses fail dramatically. Many don’t collapse due to a single major mistake,…
AI Development Studio solutions are rapidly becoming a core driver of modern e-commerce success. Online…