How to Edit the Frontend Top Menu

Configure the menu in JSON format in the backend via Appearance → Menu. You can refer to the example on the right side of the page.

l  name: Mandatory field, representing the name of the menu item.

l  url: Mandatory field, representing the URL of the menu item.

l  icon: Optional field; by default, only Bootstrap icons can be used. If you want to use icons from other libraries, you need to import the corresponding icon library into your theme.

l  sub: Optional field, representing the submenu (can be left blank as []). By default, only two levels of menu nesting are supported. If you need more levels of nesting, you need to add additional menu loop code in the parts/header.tpl file of your theme.