Home>Support>Make slider not responsive

Make slider not responsive

By Gouramani Menezes, 10 years ago. Last reply by Andrew Misplon, 10 years ago.

Hi there,

I want to set a min-height to my slider so when on mobiles it won’t be responsive. Instead it I’d like it to keep the original dimensions in a way only the middle illustration will show and the texts will be cropped out. The way it is right now the texts get to small on mobile and it’s impossible to read them.

How can I do it? I tried adding these CSS changes to Custom CSS, but the image won’t stay aligned to the center.

@media only screen and (min-width: 768px){
 .metaslider img {
height: 500px !important;
width: 1900px !important;
margin-left: auto !important;
margin-right: auto !important;
}}

http://www.thevedicpath.org/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hi

    It might be best to hide your slider when it becomes too hard to view it. I don’t believe doing this will cause the image to scale, I think it will distort.

    Your CSS looks correct – unfortunately not sure what might be wrong there. .rslides img might be causing additional issues.

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More