MetaSlider has a “Mobile” tab that allows you to show different slides to different screen sizes.
MetaSlider uses rely on this feature so that they can customize their slideshows for different devices. For example, on a mobile phone you can show a styling fast-loading image with no caption. But on a large desktop screen you can show a large, high-resolution image with a caption.
Mobile Options for Slides
In the MetaSlider slideshow editing area, you’ll see a “Mobile” tab. Here you can choose to hide your slides on some device sizes. We provide four breakpoints by default:
- mobile
- tablet
- laptop
- desktop
Each icon has a tooltip with details of what this option does. For example, if you click the tablet icon, you’ll see the message, “When enabled this setting will hide the slide on screen widths of 768px to 1023px”.
If you don’t want to use the mobile setting, you can disable this feature in the “Settings” area.
If these mobile settings are enabled, you will see the option to choose the breakpoints for the different device sizes.
Mobile Options for Slideshows
In the MetaSlider slideshow editing area, you’ll now see a “Mobile Options” tab. Here you can choose to hide your slideshow’s arrows and navigation on some device sizes.
