Create a Menu & Header For Mega Menu

Before creating your Mega Menu, make sure you have created a Menu and Header on your website first.

Follow the steps below to create a responsive and engaging navigation experience for your visitors.

Step 1 – Make Sure RTMKit & RTM Mega Menu Addon Activated

1. Installed and activated RTMKit on your WordPress website. (Go to Plugins → Add New Plugin, search for RTMKit, then click Install Now and Activate).
2. Subscribed to Rometheme PRO and connected your account to RTMKit.
   📘 Getting Started with Rometheme PRO
3. Activated the RTM Mega Menu Addon from WordPress Dashboard → RTMKit → Features → Addons → Install & Activate RTM Mega Menu.
   📘 How to Activate Addons

Step 2 – Create A Menu

Make sure you have already created a menu for your website before setting up your mega menu.

• Go to Appearance → Menus.
• For a detailed guide on how to create a menu, you can follow our tutorial here (Create A Menu).

Step 3 – Add the Mega Menu Widget to Your Header

• Go to RTMKit → Theme Builder → click Header Tab.
• Then, click Edit with Elementor in your header.

• Drag and Drop the Mega Menu Widget to the container.

• Select the menu you created in Step 1.
• Then, customize the content according to your desired design.

• Click Offcanvas to customize the menu layout for responsive devices.

• Click the Style Tab to customize the menu appearance.
• In the Menu Wrapper section, you can customize the menu’s layout, background, and other styling options.

• In the Mega Menu Style section, you can customize the appearance of your mega menu.

• In the Mega Panel Style section, you can customize the style of the submenu displayed in your Mega Menu Builder.

• In the Badge Style section, you can customize the appearance of the menu badge.

• In the Hamburger Style section, you can customize the hamburger menu style for responsive devices.

• In the Offcanvas Style section, you can customize the appearance of the offcanvas menu on responsive devices.

Once you have finished customizing the mega menu style and responsive settings, make sure all your settings are configured according to your desired design.

After that, you can proceed to the next step to Create a Mega Menu.