Need Separate Dropdown Menu for Desktop Using Mobile Menu Element

Hello Team,

I am using WoodMart and building a custom header with the Header Builder.

On desktop, I want to use the Mobile Menu element (the three-line hamburger icon).
However, in the Mobile Menu element there is no option to assign a different menu specifically for desktop. It always pulls the same menu used for mobile devices.

What I Want

A simple dropdown menu (not slide-in / off-canvas)

Triggered by the three-line Mobile Menu icon

Different from the actual mobile menu used on phone screen sizes

Should work on desktop only

What I Tried

Replaced the Mobile Menu element with Sticky Navigation → It works on desktop

But Sticky Navigation must be enabled globally in Theme Settings

It forces the off-canvas slide menu, which I do not want

My Requirement

I want a normal dropdown menu on desktop when clicking the hamburger icon,
and it should use a separate menu from the actual mobile menu.

Is there any setting, custom code, or recommended method to achieve this?

Thanks.

Attachments:

You must be logged in to view attached files.

Hello,

You can achieve this using the Main Menu in the Header Builder instead of the Mobile Menu.

In Header Builder (desktop):

• Use the Main Menu element
• Enable “Full Screen Menu” option (this shows a dropdown/fullscreen menu on burger click instead of off-canvas): https://postimg.cc/qgZrBgZm

Also, make sure you have assigned different menus to the Desktop and Mobile display locations.

Best Regards,

Hello,

Thank you for your response.

I already followed all the steps you mentioned:

Used Main Menu in Header Builder (Desktop)

Enabled Full Screen Menu option

Assigned separate menus for Desktop and Mobile locations

But still, the hamburger menu is not working on desktop.
It does not open the fullscreen menu at all.

Its sees https://kundaliniaroma.com/# On click

Attachments:

You must be logged in to view attached files.

Hello,

Maybe this problem is caused by 2 main menu items on your site, please try to remove the one and check.

If the issue remains, share the WP login details so I can further check on your site and give you a possible solution.

Best Regards,

https://kundaliniaroma.com/wp-admin

user : Tarun
Pass : v%qHdkf5Z!O8PWpv&$JvT**s

Hello,

The issue occurs because two main menus are currently being used. To resolve this, go to WoodMart > Header Builder, remove the Main Menu from the Header Bottom section, and add the Secondary Menu element to display the other menu correctly.

Best Regards,

OK Thanks

Hello,

You’re Most Welcome!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts