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, I have set the slider size on 1080 x 500, and my images are 108 x 50 cm large. And I have switched on the stretch option. This looks good on my screen, but on the tablet the lower and upper part of the slider is cut off.
1) Why is that? The aspect ratio could be maintained by stretching both sides.
2) Is there anything I can do about it? (In your demo version, the parts of the slide appear to be cut off, too)
URL: http://zahrnt.com
Btw, I’ll keep nagging you: Why is there no button for happy clients who want to beef up their vantage premium “donation”. I have tried to make an additonal payment via paypal but failed. So if you want to render your clients a favor …
Hi Valentino
Thanks for your ongoing support.
Have you perhaps checked out the Advanced slider options? If you go to Meta Slider and then click Advanced in the right column you’ll find a cropping options drop down. Perhaps take a look at those and see if changing to Smart or None does the trick.
It remains the same with smart, standard and disabled. I will try to get a response at the Metaslider Forum and report back.
This might be as a result of the Vantage Flex theme. You could perhaps try another theme in the Flex slider, the Default one perhaps. Additionally you could un-check the 100% width setting at Appearance > Theme Settings > Home and instead use the 100% width setting under the Advanced tab. Perhaps give these things a try and see if the cropping settings work then.
Here is the solution:
/*
Vantage Theme, remove max width/layer centering.
Usage: Copy and paste this code into your themes style.css file.
*/
body.responsive.layout-full #page-wrapper .metaslider .full-container,
.layout-full #page-wrapper .metaslider .full-container {
max-width: none;
}
Awesome, thanks for sharing that! I’ll just tweak that comment to say paste in your Custom CSS space in case others take a look here.
/* Vantage Theme, remove max width/layer centering. Usage: Copy and paste this code into Appearance > Custom CSS or your own Custom CSS module. */ body.responsive.layout-full #page-wrapper .metaslider .full-container, .layout-full #page-wrapper .metaslider .full-container { max-width: none; }