Return to previous page

Create new MegaMenu – help - by Peter

This topic has 20 replies, 3 voices, and was last updated 1 month ago ago by Jack Richardson

Peter

Participant

May 8, 2026 at 13:16

Hi,
I need to create a new menu (mega menu). I’d like it to look like the one I’ve attached. How do I achieve this? How do I create it?

Please, contact administrator
for this information.

#470007 Copied

19 Answers

Andrew Mitchell

Support staff

May 8, 2026 at 14:09

Hello, Peter,

Thank you for reaching out to us.
To create a new mega menu similar to the one you have attached, please follow these steps:

1. Go to Appearance > Menus in your WordPress Dashboard.
2. Create a new menu or select an existing one to edit.
3. Add the desired menu items and organize them into the required structure.
4. Enable the Mega Menu option for the parent menu item.
5. Configure the layout, columns, and content according to your design preferences.
6. Save the menu and check the result on the front end.

If you need more detailed guidance, please let us know, and we will provide step-by-step instructions or screenshots.

Best Regards,
8Theme’s Team

#470010 Copied

Peter

Participant

May 10, 2026 at 17:13

Points 3-5, please let me know where I should configure this.

Please help.

#470086 Copied

Peter

Participant

May 10, 2026 at 17:38

How do I get the selected elements from photo 1-3 and configure its appearance somewhere?

Please contact administrator
for this information.

#470087 Copied

Jack Richardson

Support staff

May 11, 2026 at 07:36

Hello @Peter,

To configure the layout according to your screenshot, please add the Tabs widget to your mega menu content (https://gyazo.com/e0128ed19003231939896e33254afe3b) and include the desired elements inside each tab, such as a Container, Icon Box, or other widgets.

If some widgets are not available in your Elementor panel, please check whether they are enabled in the Elements Manager: https://elementor.com/help/element-manager/

If you still require our assistance, kindly provide us with temporary wp-admin access to your website in the private content section.

Best regards,
Jack Richardson
The 8Theme’s Team

#470095 Copied

Peter

Participant

May 11, 2026 at 17:36

Hi,

Thanks for the information, but I still need help.

1. I created a “mega-menu” (attachment), but I don’t know how to configure it so that when I click on one element, the content on the right changes, and so on for the next two elements – similar to the one on the post I sent (as a source).
2. Where can I change the default menu on the page?
3. I’ve created “menu-new,” but I’m not sure if I assigned “mega-menu” to it correctly.

Please help me set this up because I’m a bit lost.

Please contact administrator
for this information.

#470118 Copied

Jack Richardson

Support staff

May 12, 2026 at 07:21

Hello @Peter,

Since this widget is provided by Elementor, please refer to their documentation for detailed guidance: https://elementor.com/help/tabs-with-nested-containers/.

To add mega menu items to your header, use the Mega Menu widget (https://prnt.sc/C_kPn7HXQU09) and assign your mega menu content to the corresponding menu items as shown here: https://prnt.sc/RHvpOkC9O-0G and https://prnt.sc/Jq9d8GFGDJLR.

You can view the frontend result here: https://gyazo.com/16c8b0e3f9191bdaaff6e75ca859e114.

Best regards,
Jack Richardson
The 8Theme’s Team

#470136 Copied

Peter

Participant

May 16, 2026 at 09:50

And tell me, Mike, if anything changes if I disable “Elementor,” because we’re used to wpbakery and that’s how we create the website, and two editors clashed with styles and typography, so we have to stick with one.

How can I create this mega menu without Elementor?

Can you help me?

#470371 Copied

Jack Richardson

Support staff

May 16, 2026 at 12:01

Hello @Peter,

You can create a mega menu using static blocks and configure it according to the instructions provided in our documentation: https://www.8theme.com/documentation/xstore/menu-set-up/mega-menu/, under the section titled “Creating a Mega Menu Using Static Blocks Built With WPBakery on WordPress.”

Best regards,
Jak Richardson
The 8Theme’s Team

#470375 Copied

Peter

Participant

May 18, 2026 at 16:59

I don’t understand the logic behind this mega menu.
The menu is appearing twice, and I don’t know how to make it appear individually.
I don’t have the options you show in the video, and I’m lost.
https://www.youtube.com/watch?v=f07MBdnFPfk
Can’t you load a demo menu so I can use it as a reference? Or help me create such a menu.

Please contact administrator
for this information.

#470455 Copied

Peter

Participant

May 18, 2026 at 17:10

how to get it so that after clicking the menu changes like on the original plasmaderm website.

Please contact administrator
for this information.

#470456 Copied

Jack Richardson

Support staff

May 19, 2026 at 06:59

Hello @Peter,

Unfortunately, it is not possible to recreate the same style using WPBakery by default without additional CSS adjustments. However, you can create a static block with the “Tour” element (https://gyazo.com/ba773827cb78a29dc95a6ed0d66f5c51) and configure the tabs with your content: https://gyazo.com/ab824cb87f2725361a382f6a54078eed.

After that, you can assign this static block to your menu item under Appearance → Menus: https://gyazo.com/cae15257d19d991f1dad2d80a8be8214.

Here is an example of the frontend result: https://gyazo.com/9bee880fdddc2a137bafe7b84161e7b9.

Additionally, you can adjust the widget settings, such as spacing or other parameters, as shown here: https://gyazo.com/19802c9b0a7fe0f3b2d546aacfc6b2a8.

Best regards,
Jack Richardson
The 8Theme’s Team

#470473 Copied

Peter

Participant

May 20, 2026 at 10:51

Okay, I’ve set it up and added some test items for now, and I have two questions:
1. What can I use to get the icon and description on the right side in two columns like in the screenshot?
2. Why does the content appear twice when I hover over the main menu (mega menu)?

Please contact administrator
for this information.

#470526 Copied

Jack Richardson

Support staff

May 20, 2026 at 12:17

Hello @Peter,

1. To create an icon box with a description, you can use the Icon Box widget itself: https://gyazo.com/3ba1c75f4414b8d8cdb0548e83ba7418 with the following settings: https://gyazo.com/6d151ba4b78d08ce87a154ba7e3905cd. This widget is located within the Row and Column widgets. We have created an example in one of your tab contents.

2. The issue was caused by the “Active Ajax Menu Dropdown” option being enabled: https://gyazo.com/c65c63c9e4761bbc07fd77c2e0e29cd4, which prevented WPBakery from loading the correct assets on page load. We have now disabled this setting on your website.

Please check it again.

Best regards,
Jack Richardson
The 8Theme’s Team

#470535 Copied

Peter

Participant

May 21, 2026 at 19:08

ok, thanks.
And where will I style this menu marked as “1” as it is “2” in the original?

Please contact administrator
for this information.

#470595 Copied

Jack Richardson

Support staff

May 22, 2026 at 07:11

Hello @Peter,

You may try adjusting the “Style” option of the Tour widget: https://gyazo.com/8b4d4e7376f55a35c1919c2e3509cdc9. Please note, however, that the design options available for WPBakery elements are somewhat limited, so in certain cases, you may need to add custom CSS to style the tabs as desired, also it may be needed to add some classes for your elements to apply the correct style.

Best regards,
Jack Richardson
The 8Theme’s Team

#470599 Copied

Peter

Participant

May 22, 2026 at 11:48

ok, thanks.
But I have another problem with customizing the tabs.
How can I get the tabs to look like this?
Can you help me with the CSS?
1 is the source and 2 is the target new page.

Please contact administrator
for this information.

#470616 Copied

Jack Richardson

Support staff

May 22, 2026 at 12:40

Hello @Peter,

Please note that providing additional customization is beyond the scope of our basic support. However, as an exception, we have decided to assist you with your current request. We have added a custom CSS class to your tabs (https://gyazo.com/8d64d419de60ffdff8a09056ad4ebc0f) and implemented the custom CSS on the following page: https://gyazo.com/b540aa906ba5978e8685d9892781c984.

You can view the frontend result here: https://gyazo.com/b6f821c377dd78232b9fe86d32d5fe6a

Best regards,
Jack Richardson
The 8Theme’s Team

#470618 Copied

Peter

Participant

May 22, 2026 at 12:46

fantastic. You are the best 🙂
Thank you for your help 🙂

#470619 Copied

Jack Richardson

Support staff

May 22, 2026 at 12:51

Hello @Peter,

Thank you very much for your kind words and appreciation. We are always happy to assist you and truly value your support. If you main request of this topic is solved, please, mark this topic as closed. Thanks for your understanding and respecting our support rules.

Best Regards,
Jack Richardson
The 8Theme’s Team

#470621 Copied
Viewing 20 results - 1 through 20 (of 20 total)