Different menu layout for mobile and desktop using Upfront.


I want to have a "normal" horizontal menu on desktops but a hamburger menu for mobile and tablets. How do I accomplish this? You have this exact configuration in your pre-built themes but I can't replicate the same look when i build from scratch in Builder.

Thank you

  • Predrag Dubajic

    Hey Andreas,

    Hope you're doing well today :slight_smile:

    Once you have your full size menu configured you will need to enable "burger" menu for smaller screens.

    So first thing is to activate responsive mode in Upfront:

    Now go to tablet or mobile breakpoint, depending on where you want to show burger menu.

    After that open your menu settings, expand Appearance tab and change "Menu Style" to "Triggered":

    Save the settings and that should be it.

    Best regards,

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.