Wizard and Experts
Menu Builder
Menu Text
The title for the menu item. Use the text bar to fill in your required menu name.
Menu Link
The page link for the menu item you wish to connect to. Use the text bar to fill in your required menu link denoting the absolute path of your desired HTML webpage OR click on the … button to open the file system modal, listing all the webpages you have created for this project. Select any of these items and click OK.
Menu Icon
Specify the icon for the menu item by either providing the absolute path or selecting from a list of supported fa-fa icons from Bootstrap 5. Double click on the item (icon) you desire OR select an item and click OK to attach this icon to your menu item.
Adding and Updating Menu Items
The Add button will add your menu item to the list and you can see it in the box below. Update will modify a selected menu item from the list in the box, to update any of the fields above. Clear Above clears the text present from previous menu item creations.
Ordering and Nesting
The selected menu item in the box is highlighted with yellow colour while non-selected menu items remain highlighted with grey colour. On the right side of this box, you have four arrows (⬅️, ➡️, ⬆️, ⬇️) and one ❌ button.
- The up-down arrows move the highlighted item up/down, effectively changing the order of the menu items as they will appear once the Menu is created.
- The right arrow will move the highlighted item towards the right, thereby making it a sub-menu item of the menu item above it.
- The left arrow will move the highlighted item towards the left, thereby taking the sub-menu (child) item out from its parent menu.
NOTE: You can’t move a parent menu item towards the left, nor can you move a child menu item further towards the right (only one level of nesting menu items is allowed at one time).
Deleting Menu Items
The ❌ button allows you to delete the highlighted menu item from the list in the box. Once deleted, the menu item cannot be restored, you have to configure it again.
Menu Type
Top Menu: Place the menu you wish to place at the top, under the Header of your webpage. Once you click OK, by default, a Company logo placeholder is created with left justification of the Top Menu while the added menu items are added with right justification.
Sidebar Menu: Place the menu you wish to place on the left side by default OR on the right side if you have chosen ONLY a Right sidebar in the Layout Settings or if you have manually designed and selected the right sidebar container before opening the Menu Builder modal.