Show menu on frontend Desktop

Apply when screen width more than 768px. There are 3 template types:

Default menu profile with alias = "menu-top" (normal version) or "top-menu" (pro version) will show on frontend.

In order to change magento 2 default menu, please follow our below tutorials step by step.

1. Create the file app/design/THEME_VENDOR/THEME/Ves_Megamenu/layout/default.xml

2. Add code bellow into the file content and change YOUR_MENU_ALIAS_HERE to a menu alias that you want to show

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceBlock name="store.menu">
           <block class="Ves\Megamenu\Block\Menu" name="catalog.topnav" template="Ves_Megamenu::topmenu.phtml" ttl="3600">
             <arguments>
                 <argument name="alias" xsi:type="string">YOUR_MENU_ALIAS_HERE</argument>
             </arguments> 
          </block>
       </referenceBlock>
 </body>
</page>

Horizontal Menu

Horizon Menu

Vertical Menu Left

Vertical Menu Left

Vertical Menu Right

Vertical Menu Right

PreviousConfigure menu itemNextShow Menu On Frontend Mobile

Last updated

Was this helpful?