Make slider not responsive

Open 1 reply premium theme theme-vantage

11 years ago · Last reply by Andrew Misplon 11 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.

Need fast email support? Get SiteOrigin Premium

Replies

Andrew Misplon Staff 11 years, 8 months ago
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.