Plugin Support
Laszlo
(@laszloszalvak)
Hi @stellasidus
By default the aspect ratio of the slider depends on the Width – Height values that you set at Slider Settings > Size > Slider Size:
So on the frontend, the slider will scale up and down with this ratio. If you want a slider with different aspect ratio in desktop and tablet view, then in the Free version what you could do:
A.) Set the landscape size for desktop view, and make your content increase the height of the slider in mobile view, e.g. by specifying paddings or margins. As your slider is minimum as tall as your content. ( This can not guarantee that your slider will have exactly 1:1 aspect ratio, as the height will be defined by the content! )
B.) Display 2 different sliders
- create 2 different sliders 1 for desktop and another for mobile
- setup the Width-Height values according to the aspect ratio you need
- publish both sliders to the same page
- hide each of them from the views where you don’t want them to show up.
For this you should use:
-your page builder
-or custom CSS. Custom CSS is out of the scope of our support, but here you can find a guide showing how you can display different sliders in different breakpoints:
https://smartslider.helpscoutdocs.com/article/1980-how-to-hide-the-slider-on-mobile#different
Important note:
As mentioned above, there are other factors as well – such as the content height – which can also affect to the final size of the slider. Here we gathered them:
Tip: In the Pro version we also have an option to set different aspect ratios for the different views, so e.g. the mobile view could have 1:1 aspect ratio while the desktop view 16:9. Of course the limitations mentioned above, will apply to this case, too.
But if you would like to know more about this feature, then please contact us directly over the ticket system:
as the forum guidelines don’t allow us to discuss topics about commercial plugins – such as Smart Slider 3 Pro here.
Best regards,
Laszlo.
