800,000+ WordPress sites are already using MetaSlider!

MetaSlider Has New Screen Size Options for Slides

MetaSlider 3.61 and MetaSlider Pro 2.33 are available now and these releases have some really cool improvements. The most important new feature is a “Mobile” tab that allows you to show different slides to different screen sizes.

Lots of MetaSlider users requested 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 and Screen Size Options

The first version of the mobile settings was available when MetaSlider 3.60 arrived. Over the last few weeks we’ve been testing and improving this feature, so with version 3.61, the mobile settings are enabled by default.

In the MetaSlider slideshow editing area, you’ll now 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
Mobile tab in MetaSlider

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”.

Mobile tooltips in MetaSldier

If you don’t want to use the mobile setting, you can disable this feature in the “Settings” area.

Mobile settings in MetaSlider

If these mobile settings are enabled, you will see the option to choose the breakpoints for the different device sizes.

Mobile breakpoints in MetaSlider

Touch Swipe for Mobile Users

Also for mobile users, it’s now possible to use touch to navigate through MetaSlider slideshows. This means you can put your finger on a slideshow and use it to flip to the next slider. This allows you to manually swipe on phones, tablets, and some laptops and desktops. You’ll see the “Touch Swipe” setting in the sidebar when you’re editing each slideshow. We wrote an article with full details on Touch Swipe.

Touch Swipe settings in MetaSlider

Custom Delay for Slides

For MetaSlider Pro users, you can now choose a custom delay for each slide. This is how long the slide remains on the screen before the next slide is shown.

In previous versions, there was a “Slide delay” feature.

Slide delay

Under the “Advanced” tab, there is now a custom delay option:

Custom slide delay

During the delay from one screen to another, you can customize the changeover using the “Effect” option to choose “Fade” or “Slide”. If you’re using “Slide”, you can also choose from dozens of Easing effects.

Leave a Comment

Start Using Your Slider Today!

Create and publish WordPress slideshows in minutes… What are you waiting for?