[Resolved] Creating a two-column mega menu

[Donna]

Hi there!

I’m trying to create a two-column mega menu using these instructions:

https://docs.generatepress.com/article/building-simple-mega-menu/

Is there a way for me to adjust the width so that the columns are closer together and the mega menu drops down directly under the parent?

You can see the menu on the page I’m attaching.

It’s not the top navigation menu – it’s the sample one I have further on the page.

The Services tab is where I have the mega menu.

Thank you!

Donna

[Leo]

Hi there,

Any reasons why you are using Beaver Builder for it?

Currently Beaver Builder’s CSS is setting the width.

Let me know 🙂

[Donna]

Hi Leo,

I’m using Beaver Builder because I’m using Beaver Themer for the heading. The real navigation is the one that’s at the top of each page. The one I showed you is the test I created.

Donna

[Leo]

Our mega menu CSS is really only for GP’s default navigation – I’m actually quite surprised that it actually kind of works in BB’s menu.

You will need to check with their support to see how to change the submenu unfortunately, or ask them if they have any recommendation for a mega menu when Beaver Themer is used.

[Donna]

Hi Leo,

Thank you!

Donna

[Leo]

No problem 🙂

[Author]

Posts