> For the complete documentation index, see [llms.txt](https://landofcoder.gitbook.io/magento-2-megamenu/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://landofcoder.gitbook.io/magento-2-megamenu/config-and-usage/show-menu-on-frontend.md).

# 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.&#x20;

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>
```

![](https://3877357577-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ml4NK7Q1RRARTJZU4uN%2F-Ml4SrmUnUC2xwFelpcY%2F-Ml4TNd8Hb0EMD9Yw_bP%2Fmenu_customize.png?alt=media\&token=92bca25f-99f1-4d31-98e4-502b2c1e8c72)

**Horizontal Menu**

![Horizon Menu](https://3877357577-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ml4NK7Q1RRARTJZU4uN%2Fuploads%2FEzfdZsyv2RgaAAFtLLYa%2Fmenu-hozizal.png?alt=media\&token=110fe668-1022-4587-a5e6-8bc5a96f9b6a)

**Vertical Menu Left**

![Vertical Menu Left](https://3877357577-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ml4NK7Q1RRARTJZU4uN%2Fuploads%2FrGBVn4yYyG47OUE9YAd3%2Fmenu-vertical-left.png?alt=media\&token=a0d14da1-d452-4e18-8a99-cc1584d5403a)

**Vertical Menu Right**

![Vertical Menu Right](https://3877357577-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Ml4NK7Q1RRARTJZU4uN%2Fuploads%2FN4OpZRJDa3aXJ9ITuxoy%2Fmenu-vertical-right.png?alt=media\&token=bc8bb0dd-3137-4961-98f1-050a507f884f)
