I am using SiteOrigin Slider on my home page, which looks great on desktop, but the slider is too thin on mobile. I notice there is an option to add custom css on mobile for the slider, but have too little knowledge to know what to change. Is there a way to crop the sides of the slider image, and maybe double the size vertically, to achieve a result similar to the image below?
Change aspect ratio of Slider on mobile
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi XGrape,
You could, in theory, use CSS to accomplish this but I wouldn’t recommend it as it’ll make making changes significantly more complicated. Your best bet would be to change to a SiteOrigin Hero widget instead which will allow you to set a hard height and then set a height that works best for the design you’re after (I would recommend setting the height unit of measurement to vh – try 40vh for example).
If you would like to go the CSS route, Do you have a public URL where we can take a look at your slider?
By the way, as you’re a premium user, you’re entitled to priority email support. If you would like to make use of that, please follow the instructions found on your Page: Dashboard (please refer to the support tab). Please reference this thread and include your SiteOrigin order key in the email.