2 burger menus on mobile/tablet

Wagner Carvalho

• February 24, 2025 21:17
• Edited

I'm using a header that has two menus, one on the left and another on the right side; the logo is in the middle. When it goes to the mobile/tablet version, it shows two burger menus in the header and two burger menus in the footer. I need only one burger menu on the header and one in the footer. How can I do that?

0

• 

  Ariel H.

  • February 25, 2025 10:05

  Hi Wagner,

  Thank you for contacting us.

  You can create two versions of your menu in Brizy—one for desktop and another for mobile. The key is to make the desktop menu visible only on desktop and the mobile menu visible only on tablet and mobile.  

  To do this, you’ll need to create a separate mobile menu that combines all menu items into one. Then, adjust the visibility settings in Brizy:  

  - Set the desktop menu to be visible only on desktop.
  - Set the mobile menu to be visible only on tablet and mobile.

  This way, you’ll have only one burger menu in the header and one in the footer when viewed on mobile or tablet. This is demonstrated on this screencast: https://youtu.be/YPR3RhrphUU

  This example focuses on the header, but the same approach should also work for the mobile menu.

  Please try this and let me know how it goes.

  Best regards,
  Ariel H.

  0
• 

  Wagner Carvalho

  • February 25, 2025 16:59

  Thanks for your help, 

  I followed your instructions, and it worked. Thank you!

  0

Please sign in to leave a comment.