How to enable Mega Menu on desktop only, but normal menu on tablet & mobile (using one Nav Menu)?

How To
1

Hi Bricks community,

I’m trying to use Mega Menu only on desktop, while on tablet and mobile I want the menu to behave as a normal dropdown / mobile menu.

My goal:

  • Desktop → Mega Menu enabled

  • Tablet & Mobile → Mega Menu disabled

  • Using only one Nav Menu widget (no duplicate menus)

Is there a recommended way to achieve this in Bricks?

Any guidance or examples would be greatly appreciated.
Thank you!