Mobile & desktop sizes
Optimize your menu design by setting different sizes for mobile and desktop, ensuring a seamless experience across all devices.
Last updated
Optimize your menu design by setting different sizes for mobile and desktop, ensuring a seamless experience across all devices.
Last updated
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.