This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Change aspect ratio of Slider on mobile

Open 2 replies customizationpluginplugin-page-builder
xGrape
8 years ago · Last reply by Alex S 8 years ago

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?

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

2
  1. xGrape 8 years, 7 months ago

    slider

  2. Alex S Staff 8 years, 7 months ago

    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.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread