Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
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/
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.