Main Menu Design
This article goes over the Main Menu Design settings and how to edit the Main Menu of the website. To access this section navigate to:
- Settings
- Design Settings
- General
- Main Menu Design
Visual Guide of the Main Menu Design
1. Display Main Menu
This setting controls if the Main Menu of the website is displayed or not.
2. Menu Behavior
The different options to choose from are:
- Standard
- Stick to Top
- Stick to Bottom
- Locked When Scrolling
Standard:
Stick to Top
Stick to Bottom
Stick to Top When Scrolling
3. Public Visitor Main Menu
This setting controls the menu displayed for visitors of the website, visitors being people viewing the website without logging in. Very important to note that only the default or an exact clone of the Header Main Menu is going to work on this area. Other Menus listed on Toolbox >> Menu Manager are not going to work since these are not designed for this area.
4. Logged In Member Main Menu
This setting controls the Members Main Menu, which will only be displayed when members are logged in to the website. Very important to note that only the default or an exact clone of the Header Main Menu is going to work on this area. Other Menus listed on Toolbox >> Menu Manager are not going to work since these are not designed for this area.
Use this Menu option to add links just for members.
5. Menu Font Family
This setting controls the Font of the Main Menu, to review the available fonts check out the following link: https://fonts.google.com/....
6. Menu Link Font Size
This setting controls the font size in the menu, 16 px is our recommended size.
Main Menu Colors
These setting control the colors of the website's Main Menu.
7. Menu Bar Background
This setting controls the background color of the website's Main Menu
8. Menu Link Color
This setting controls the text color for the links in the website's Main Menu.
9. Menu Link Hover Color
This setting controls the hover color of the Text of the website's Main Menu
10. Drop-Down Background
This setting controls the background color of the drop-down elements of the website's Main Menu
11. Drop-Down Link Color
This setting controls the link color for menu elements inside the drop-down menus of the website's Main Menu