Mobile & desktop sizes

Optimize your menu design by setting different sizes for mobile and desktop, ensuring a seamless experience across all devices.

To do this, we will use 2 Kobu - Menu Highlight theme app extension

The 1st extension, we will set the "Maximum screen size (px)" to "Only 1023px and below" where it will only show on tablet and mobile devices

The 2nd extension, we will set the "Maximum screen size (px)" to "Only 1024px and above" where it will only show on desktop.

With this setup, you can have 2 different sets of configurations for 2 type of devices.

Last updated