Mega Menu with Burger Icon

freiwild · March 26

Hi,

Bildschirmfoto 2024-03-26 um 12.35.48.png

I need the following Mega Menu for my burger menu (layout attached). I have created a mega menu in the templates. Can I link this to the burger menu?

Best regards

Phil · March 26

Hi,

Please follow the steps I explained in the following topic:

https://forum.muffingroup.com/betheme/discussion/comment/250774

Best regards

freiwild · March 27

Hi,

thank you for the link to the topic. Like the author, I was also unable to assign the Mega Menu to the Burger Menu. I have tried it several times and with different settings. Are there any other instructions?

Kind

Phil · March 27

Do you have a header template and menu created with a hamburger icon?

Can you please attach a link to your website?

Thanks

freiwild · March 28

Yes. Both.

http://wp1002813.server-he.de/_wpcd/

Phil · March 28

You used the Menu Burger element.

Instead, you must use the Menu element.

Best regards

freiwild · April 2

Thank you. Now it works.

Another question: Can I completely hide the Mega Menu for mobile so that the classic burger menu is displayed?

Best regards

Phil · April 2

By default, the mega menu is disabled for mobile view.

Also, you can use Responsive Visibility options to show the hamburger menu elements on a mobile display.

https://support.muffingroup.com/video-tutorials/responsive-editing-in-bebuilder/

Best regards

freiwild · April 3

You say that, the mega menu is disabled for mobile view by default?

However, the Mega Menu is also displayed on my smartphone. Of course, it changes here. But a pure burger menu is not displayed.

Phil · April 3

It should be disabled. We will take a look at this.

Anyway, you can do that by hiding the menu element and replacing it with a menu burger for mobile display with Responsive Visibility options.

https://support.muffingroup.com/video-tutorials/responsive-editing-in-bebuilder/

Best regards

freiwild · April 4

Thank you

freiwild · April 4

Bildschirmfoto 2024-04-04 um 11.23.25.png

Another question: How can I create these usefull links? I have a menu with main and sub-items. But I can't find a way to create links that look different from the main links like the usefull links in this example.

Phil · April 4

You must use the Sidebar menu builder, add a menu with these links, and adjust font size.

https://support.muffingroup.com/video-tutorials/sidebar-menu-vertical-header-builder/

Best regards

freiwild · April 4

Thank you very much. Currently the complete menu is displayed in expanded form. But how can I display my main menu and the submenu on click/touch?

Phil · April 4

If you used the Sidebar Menu builder, open the menu element, and there you can set Submenu visibility to Toggled.

Best regards

freiwild · April 4

Bildschirmfoto 2024-04-04 um 14.26.47.png

Bildschirmfoto 2024-04-04 um 14.27.01.png

That's what I did. However, only the submenu of the current website is displayed. I cannot click on the other main menu items. What I want: When I click on the main menu items, the submenu should appear.

Phil · April 4

Please send us the WordPress dashboard access privately through the contact form, which is on the right side at https://themeforest.net/user/muffingroup#contact and we will check that out.

Notice!

Please attach a link to this forum discussion.

Sending incorrect or incomplete data will result in a longer response time.

Therefore, please ensure that the data you send are complete and correct.

Thanks

Phil · April 5

This option works with submenu icon only.

Please enable it in the Sidebar template:

If you want to have the whole link clickable (with an icon) use the following CSS code:

.mfn-sidemenu-menu.mfn-menu-submenu-icon-on li.menu-item-has-children > .outer-menu-sub{
 width: 100%;
 justify-content: end;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

freiwild · April 5

Thank you very much! Is it possible to close the open point when the new one opens?

Phil · April 5

No, unfortunately, there is no setting for that.

Best regards

freiwild · May 15

Hi,

when I click on an anchor link in the navigation, the menu does not close if the anchor link is from the same page. Can this be changed?

Kind Regards

Phil · May 15

Please add a scroll class to the menu item, and check it then.

Best regards

freiwild · May 15

Bildschirmfoto 2024-05-15 um 13.12.42.png

Can't find the area?

Phil · May 15

In Appearance -> Menus open Screen Options, and check CSS Classes checkbox.

Best regards

freiwild · May 15

Thank you very much. I have now added the class there, but unfortunately the menu still does not close when I click on the menu item.

Phil · May 15

Please also try to activate the One Page option and the Page options.

Best regards

freiwild · May 16

That doesn't work either

freiwild · May 16

To avoid any misunderstanding: I am talking about the Brother Menu in the mobile view.

Phil · May 16

Please send us the WordPress dashboard and FTP access privately through the contact form, which is on the right side at https://themeforest.net/user/muffingroup#contact and we will check what might be the reason.

Notice!

Please attach a link to this forum discussion.

Sending incorrect or incomplete data will result in a longer response time.

Therefore, please ensure that the data you send are complete and correct.

Thanks

Phil · May 21

We have corrected it on your website.

Please check it out.

Best regards

freiwild · May 22

Perfect! Thank you!

Mega Menu with Burger Icon

Comments