Burger menu on desktop - with menu sliding vertically

webmark487 · March 17

Hi,

Is there a demo with a burger menu on desktop, where the menu slides in and out vertically?

cubic_menu.jpg

If not, any suggestions on how I could manage this?

Thx in advance and best regards!

Markus

webmark487 · March 18

Short explanation from where this question came from: I already had a header template, with a Menu Burger on the right.

I am not able to add a Megamenu (that I just created as a Betheme template) to this Menu Burger.

I can only select "Default sidebar" or "Classic menu" as a Nav type.

If I see it correctly, I have to create a Wordpress menu now with a burger image as the only menu item. And then add the Megamenu to this menu item. I guess, this would work fine for me.

The only requirement, that is not fulfilled yet, is, that the menu burger should switch to a X when the menu is open, and switch back to the burger icon when it is closed.

Phil · March 18

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Thanks

webmark487 · March 18

https://temporaer.cubic-online.eu/

I already switched to Megamenu, at the moment it doesn´t work

Phil · March 18

Please add a menu burger icon to this menu item and use the CSS code below:

#menu > li.mfn-li-hover > i:before{
 content: '\e963'!important;
}

Best regards

webmark487 · March 18

I already added this menu burger icon just recently.

The problem is, that as soon as I delete the navigation label, my Wordpress completely removes that menu item.

Phil · March 18

In the navigation label, please put an empty character.

https://emptycharacter.com/

Best regards

webmark487 · March 18

now the menu item doesn´t show up at all

webmark487 · March 18

and by the way, the menu item not only doesn´t show up, the mega menu doesn´t work either

Phil · March 19

Did you assign icon to this menu item and Mega Menu template as I showed on this message?:

https://forum.muffingroup.com/betheme/discussion/comment/250628#Comment_250628

If yes, please send us the WordPress dashboard access privately through the contact form, which is on the right side at http://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

webmark487 · March 19

yes, i already did what has been recommended above. it doesn´t show up at all

Phil · March 20

Have you sent access to your website?

I have not received anything from you yet.

Best regards

webmark487 · March 20

Login data has been sent ...

Phil · March 20

You have a standard header from theme options.

Mega Menu and Icons in the menu work only with the Header Builder template.

https://support.muffingroup.com/how-to/how-to-add-icons-to-menu-items/

When you use the Header Builder, everything I have explained here will start to work.

Best regards

webmark487 · March 21

Sorry, but this is a little confusing.

The requirement is to have a menu burger for the desktop menu.

By clicking this icon, the mega menu template, that I've already built, should be opened.

Pls. see the attached image from the first comment.

I already have a header template, with a Menu Burger on the right.

I am not able to add a Megamenu (that I just created as a Betheme template) to this Menu Burger.

I can only select "Default sidebar" or "Classic menu" as a Nav type.

Phil · March 22

I think you misunderstood me.

I used your login credentials, and adjusted it. Please check red Hamburger menu I have added to your header template.

Best regards

webmark487 · March 23

Thank you, it works perfectly well!

Burger menu on desktop - with menu sliding vertically

Comments