Hello,
Can anyone help me with the following issue?
I have made a slider with Meta slider pro.
My website doesn’t show the slider correctly: The bottom and the top of the slider-image are cut off.
I created the slider with the following settings:
width: 1080 px
height: 150 px
theme: Vantage (flex)
Hi gerkof
Thanks for your support. Please try the following snippet under Appearance > Custom CSS:
/* 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; }With that snippet inserted re-test, additionally try the crop settings under the Advanced in Meta Slider.
Thank you, it’s perfect this way!
Just a few more questions, to be sure:
-Is the best width for slider-images 1080 px, for websites at full-width?
-What is the best width for boxed websites?
-Does the height/width rate of the slider stays the same when you visit the website with different screensizes?
Thanks!
Super, glad that helped.
1080px would be a perfect fit for the Vantage boxed layout. For the full width layout you could definitely experiment with a larger width slider for clearer results. The method outlined in our tutorial does work best when using a base layer image that can zoom and a second layer for text, that layer won’t zoom. For example, the first background photo here: http://demo.siteorigin.com/vantage/, you can see that photo lends itself to zooming. The part of the image that wouldn’t lend itself to zooming, the hand and phone are then placed on a second layer.
For a perfect fit on my 23″ monitor your image would need to be 1904 wide.
Let me know how this comes along.
To answer your last question, no, the width and height does change to best adapt the slider to the screen size. Here is what your slider looks like at 1904.
Hope that helps.
https://siteorigin.com/wp-content/uploads/2014/10/Screen-Shot-2014-10-06-at-11.38.39-AM.jpg