Customized Topbar - Mobile Burger Menu

Hi, as we started with our project before the PRO Version with extra Options in the Header/Footer, we now have the problem to get our menu in the topbar customize for mobile, where the main menu should appear as a classic burger menu. The website is www.chateau-de-massignan.com. Maybe you can help?

Hi @heckenfaber,

Thanks for writing in!

Header builder is much flexible to build the similar kind of menu.
Please follow the step below.

#1 - Please hide your main menu first in a mobile device.
Just select the device you want to hide in the customize section.

This option will hide the menu on a mobile device.

#2 - then add Navigation Layered or Navigation drop-down in that place.

Do the needful changes to match the design. and assign the same menu to the element.

#3 - Please hide the element in desktop vide in customize section same as the main menu.

Hope this helps!

Thanks for the quick reply. Thought about that as well, but then i will have to do all my customized header stuff once again in the PRO version… Will decide over the weekend and try some other CSS on the topbar.

You’re welcome :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.