How to Use the Menu Element on Your Website

The Menu Element is an essential navigation tool that allows visitors to move easily across different pages of your website. Whether using a simple navigation bar or a Mega Menu, the Menu Element ensures an intuitive user experience.

1. Creating a Menu

Step 1: Access the Menu Settings

1. Go to the CMS Dashboard.
2. In the sidebar, click on Menus.

Step 2: Create a New Menu

1. დააწკაპუნეთ Create Menu.
2. Type in a Menu Name and click დამატება.
3. Select the newly created menu from the dropdown.

Step 3: Add Menu Items

1. აირჩიეთ pages or posts you want to include.
2. დააწკაპუნეთ Add to Menu.
3. Drag and arrange the menu items as needed.
4. დააწკაპუნეთ ცვლილებების შენახვა to apply updates.

2. Adding the Menu to a Page

Step 1: Insert the Menu Element

1. Open the page editor.
2. დააწკაპუნეთ ელემენტების დამატება → Select მენიუ.
3. Drag and drop the Menu Element to the desired position.

Step 2: Display the Correct Menu

• დააწკაპუნეთ menu element and access settings in the top-right toolbar.
• Choose the correct menu from the dropdown list.

3. Customizing the Menu

Alignment & Layout Options

• Horizontal (default) or Vertical orientation.
• Adjust spacing between menu items.
• Change alignment (Left, Center, Right).

Hamburger Menu (Compact View)

• Enable a hamburger menu even on desktops.
• Adjust the color and icon style.

4. Styling the Menu

Typography & Colors

• Select Font, Size, and Letter Spacing.
• Customize Default, Hover, and Active link colors.
• დამატება ხატები to individual menu items.

Border & Background

• Apply a background color ან gradient.
• დამატება borders or shadows for emphasis.

5. Mega Menu (Pro Version Only)

Enabling Mega Menu

• Click on any menu item and select Mega Menu from the settings.
• This allows you to add columns, images, buttons, and other elements inside the dropdown.

Arranging Mega Menu Content

• Drag & Drop Elements (text, images, or even videos).
• Adjust column layout to create structured navigation.

6. Mobile & Tablet Optimization

• Switch to Tablet & Mobile view to preview responsiveness.
• Ensure menus collapse properly for smaller screens.
• Adjust font size and spacing for mobile-friendly navigation.

Why Use the Menu Element?

Improves site navigation – Helps users find what they need quickly.

დააკონფიგურიროთ – Change colors, fonts, and layout easily.

Supports Mega Menus – Add images, icons, and extra content for advanced navigation.

მობილურისთვის მოსახერხებელი – Works seamlessly on all screen sizes.

Using the Menu Element effectively enhances user experience and keeps your website organized and easy to navigate.