Menu Top

The Top Menu in CMS 4media allows for displaying additional icons that can create, for example, primary or secondary menus on your news website.

The icons are prominently placed and permanently pinned there, so you can take advantage of the Top Menu and create shortcuts to the most frequently visited categories by users or include links to subpages such as "About Us," "Contact," "Advertising" etc.

Enabling the Top Menu

You can enable or disable the Top Menu in the Page Builder (Website Visualization) module → Header → Top Menu. 

In this place, you can also:

• Enable labels under icons
• Set the display of labels under icons in a single line

Below are examples of applying different Top Menu settings:

1. Top Menu without labels.
2. Top Menu with labels.
3. Top Menu with labels under icons in a single line.

Category List

Managing the Top Menu is available in the Top Menu module. Upon entering the module, you can see the list of Top Menu categories:

1. Add menu item button
2. Change position button (drag and drop)
3. Icons indicating whether the link for a particular category should open in a pop-up window (green color - yes, red color - no)
4. Icons indicating whether the category is active (green color - yes, red color - no)
5. Edit button
6. Delete button

Adding a new Top Menu category

After clicking on the plus icon at the top left, the user is directed to the page for adding a new Top Menu category. 

1. Category title - will be visible under the icon if labels are not disabled.
2. Link to an existing component - Link to an element existing on the website, e.g., a selected module, category, or subpage.
3. Full URL address - here you can paste any link in the form of a URL address. The link can refer to a selected page on the website or on another site.
4. Link target - Link opening method; setting whether the link should open in a new or the same window.
5. Link rel attribute - options include none, nofollow, or external.
6. Open link in a popup window - when this option is selected, the link will open in a smaller window that does not occupy the entire browser window.
7. Select icon - here you can choose icon from the list implemented in CMS 4media icon library.
8. Font color - font color of the label under the icon.
9. Icon color - you can set a solid color or a gradient.
10. Icon color on hover - you can set a solid color or a gradient.
11. Active - Category status change. If set to “Active” then the category will be displayed.