anonymized-13171256
(@anonymized-13171256)
I can point you in the right direction but it will take some more experimentation on your part.
By specifying the view ID, this will not affect other sliders you may use elsewhere in a sidebar or footer widget, etc.
/* slider width */
.strong-view.default.strong-view-id-1 {
width: 70%;
margin: 0 auto;
}
/* iPad */
@media only screen and (max-width: 768px) {
.strong-view.default.strong-view-id-1 {
width: 90%;
}
}
/* iPhone 7, 8 */
@media only screen and (max-width: 375px) {
.strong-view.default.strong-view-id-1 {
width: 100%;
}
}
If you really want to dial it in, google “common responsive breakpoints” and study recent articles for the min/max widths of popular smartphones. You don’t need CSS for all of them, just decide at what point(s) you want the slider width to change, if at all.
FYI, the slider will auto-pause when it is not fully visible; e.g. in a hidden tab or scrolled out of view. With long testimonials on mobile devices, this can result in the user always having to swipe to the next slide manually.
Eventually, the plugin may offer more granular control of things like the mobile CSS, whether to show the excerpt instead on mobile and where to display the controls on small screens.
