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