Skip to main content
All CollectionsModyo Essentials
How to edit the navigation menu?
How to edit the navigation menu?
Carlos Solis avatar
Written by Carlos Solis
Updated over a week ago

There are two ways to edit the menu:

  1. In Navigation, you can edit the list items and their order.

  2. In Templates, you can modify the HTML, CSS, and JS code.

Modify the menu main in Navigation

  1. In the side main in Modyo Platform, expand Channels, and click Sites.

  2. Select your site.

  3. Click Navigation and then click the menu Main.

  4. Customize the menu by adding or editing items.

  5. When you’re finished, click Publish.

Modify the Snippet menu

The general snippet menu can satisfy the basic needs of a site, displaying a dropdown menu. In the next section, we will explain the most important parts of this snippet.

The first lines denoted by {{ }} or {% %} belong to Liquid and they’re used to assign variables or start a for loop to display information about the menu.

The following list describes the important variables for the menu:

  • Menu: This variable takes the menu with identifier main inside Modyo Platform -> Navigation.

  • items_to_show: Takes the items from the menu that are visible.

  • active: Used to add a CSS class called active in case that this item is activated.

  • children_to_show: If children exist for this item, take the items in this variable and displays them under their parent item, following the menu hierarchy.

To see other menu examples, visit our documentation.

Did this answer your question?