How to use "Menu"?

1. Adding Menu:
   • Drag and drop Menu from main toolbar;
   • Choose Menu composition;
   • Click "New Menu Item":
     • Select type of menu item (e.g., "Page");
     • Enter "Name";
     • Select from dropdown list "Copy layout from" (e.g., Home);
     • (Optional) Select section that needs to be clear;
     • Click "Apply".
2. Customising Menu:
   • Select type of menu item:
     • Page on your website
       Select page from dropdown list.
     • Web Address
       Enter URL.
     • File from your Website
       Click and select file from gallery or "Upload New File".
     • E-mail address
       Enter e-mail address.
     • Phone Number
       Enter phone number together with country code.
     • Popup
       Select popup page from dropdown list or click to create "New Popup".
     • Empty
       Leave the menu item empty.
   • Submenu:

   Drag your created element to required location or on top of a menu element to create a submenu.

   • Add Icon:

   Select icon that will be displayed next to the menu item. You can select left/right alignment to change icon placement.

   • Additional options:

   Select to open in new window, a "nofollow" link, or open as popup.

   • Expand on click:

   When the "Expand on Click" option is enabled, the submenu will only open after clicking on parent menu item. If you prefer the submenu to open when you hover over the parent menu, you can untick the checkbox in the "Right toolbar" in "Menu" section.

3. Customising Style:
   • Border:

     Click border in right toolbar. Select width, colour and style for border. You can also select to have different borders and different corners

   • Shadow:

     Click shadow in right toolbar. Select distance, size, blur, colour and style for shadow.

   • Switch to mobile:

     Mark this box to covert menu into mobile menu from a selected screen mode.

   • Submenu tab:
     • Width

       Adjust submenu width in pixels.

     • Multiline

       Mark this box to allow submenu items to wrap multiple lines.

   • Mobile tab:
     • Width

       Adjust mobile menu width in pixels or set it to "Auto" to allow automatic width adjustments.

Important to note:

• By default, if menu is placed in "Header" or "Footer" section of the website, it will be shown on all pages.
• If menu is in "Body" section of the website, select "Visibility" and select how to show your menu.
• Once a menu item is added, a new page is automatically created.
• To remove a menu item, click on green X button on left side of the menu panel. By default, removing a menu item does not remove linked page (unless appropriate setting is selected).

Video