The last image of the carousel is cut off

Hi,

Please try the following:

– Open your slider for edit.
– Click Add CSS
– Paste the following code into the editor

#metaslider_4793.flexslider .slides li {
    margin-right: 8px !important;
}

Thank you. I don’t have the pro version, so I added the code into my theme’s customization, but it’s overriden by the 5 pixel margin set in MetaSlider between each slide. Anyway, even if this right margin is equal to 8 pixels, the slider doesn’t display a whole number of images whatever the screen width is.

Hi,

What happens if you set the “Carousel margin” setting to 8?

I just did in order to see what would happen, and on a 960 px wide screen, for instance, the carousel shows 3 images and a half (you can check on the homepage). I don’t know if there’s a setting to only have a whole number of pictures, and not halves or thirds.

Hi,

For the 960 px widescreen, you will need to create another slider and show it only when the width is 960px.

So, please try the following:

– Create a new slideshow. let’s say this slideshow id is 100.
– Add the following CSS to your website:

#metaslider-id-5472{
display: none !important;
}
@media only screen and (max-width: 961px) {
#metaslider-id-5472{
display: block !important;
}
}