Primary Menu Settings

1. Text Input Field for CSS Classes:
   • Imagine your website menu as a blank canvas. CSS classes are like pre-made paint colors or styles you can apply to this canvas. In this setting, you have a box where you can type in the names of these styles. These styles can be from Solo (probably a set of styles that come with your website's theme) or from any other style collections you've added from elsewhere.
2. Show Main Menu Dropdowns on Hover:
   • Normally, when you want to see the options under a menu item on a website, you click on it. This setting gives you an alternative. If you check this box, you can simply move your mouse pointer over a menu item, and its dropdown list will appear, without needing to click.
3. Apply Borders to Menu Items:
   • This option lets you put lines around your menu items. Checking this box means each menu item will have a border, making them stand out as separate elements.
4. Evenly Distribute Space Between Menu Items:
   • This setting is about spacing. If you check this box, each menu item will get equal space. It's like evenly spacing chairs around a table. The first item sits at the beginning, and the last item sits right at the end.
5. Color Input Fields:
   • Here, you have 15 different fields to input colors. This is like having 15 color options for different parts of your menu. You can choose what color each part should be.

6. Transform to Mega Menu:

   • A Mega Menu is a large, panel-style menu that can display many options at once. If you want your regular dropdown menus to become Mega Menus, you check this box.

   When you choose to have a Mega Menu, you get more options:

   • Mega Menu Layout:
     • This is about how many columns your mega menu will have and how wide each column should be. The options range from having 2 to 4 columns with different width distributions. For example, "2 Columns: 50%, 50%" means two columns of equal width, while "4 Columns: 25%, 25%, 25%, 25%" means four columns, each taking up a quarter of the menu's width.
   • Mega Menu Header:
     • This option, when checked, allows you to use the second level of your menu (the options that appear after you click or hover on a main item) as headers. Think of it like titles in a newspaper, under which related items are grouped.

Each of these settings allows you to customize how your website’s menu looks and behaves, making it more user-friendly and tailored to your site's style.