¶ Panel Overview Settings
Menu settings How-To video:
Menu_settings.mp4
The Menu is a crucial section in any website. Beautiful well-defined menu will make the website easy to navigate and feel solid.
Menu Settings Panel allows you to set-up the menu of the site, including its links, title, and buttons. Site Creator uses the same menu throughout the entire site for all Pages.
The Menu, as any Section in Site Creator, is “Responsive by Nature” and changes its layout according to the device and window width.
¶ This panel includes the following drewers:
● Links - Manage the links of your menu items.
● Presets - Choose the required preset for your menu’s styling.
● Visual Elements - Choose which elements will appear on the menu.
● Menu Color - Choose the general colors of the menu.
● Menu Items’ Typography - Choose the colors and fonts of the menu items.
● Pro - Add customized CSS code to the menu.
¶ Links
The links drawer allows you to add, edit and manage the links on your Website's Menu.
Standard “Blue” Menu and Submenu Link:
Use Standard Links to add links and sub-menu links to your menu. You can link menu items to internal pages or to external addresses, similar to any other element in Site Creator.
Dynamic “Green” Submenu Links:
These dynamic submenus appear when you enable “Include a dynamic submenu for this dynamic page”. The Site Creator will generate submenu links for each child in the relevant molecule (provider names as an example) and will automatically link it to the relevant dynamic page.
¶ Presets
Select a preset for the main menu of the website. Presets affect the menu look and feel on desktops. On mobile, all menu presets automatically convert to the standard mobile-friendly menu.
Menu_presets: Menu_presets.mp4
¶ Visible Elements
Select which elements will be visible in the menu:
Title, Subtitle, Icon, Buttons 1-2-3.
Menu_elements: Menu_elements.mp4
¶ Menu Colors
Set the wanted background colors of the menu:
Background - the basic background color of the menu.
Secondary Background - Relevant only to bi-color menus, never used on mobile menus.
Accent - additional color used on menus that have hover-highlights and for the “+” in the mobile menu.
Submenu Background - the background of the submenu on desktop. Never used on mobile menus.
Menu_colors overview video: Menu_colors.mp4
¶ Menu Item's Typography
¶ Select Menu Items’ colors -the colors of the menu items (“menu links”)
● Text - idle state of items’ text
● Text Hover - hover state
● Background - idle background color of the items (you can keep transparent in most cases)
● Background Hover - Hover
background color of items
¶ Submenu colors
“Same Colors” will use the menu items colors also for submenus “Custom” will use the specified colors for the submenu items.
Mobile menus don't use background hover colors, hovering is irrelevant on mobile.
Sub_menu colors: Menu_items_typography.mp4
¶ Pro
Add customized CSS code to the menu. This allows you to affect the styling of the menu by using external code.
