.slides li margin isn't responsive?

Hi there,

Do you have a link to your site?

Is the issue with Meta Slider or one of the lightboxes?

Thanks,
Dave

Hi there,

In ‘Carousel’ mode, the individual images/slides are not designed to scale with the browser width, but instead more ‘pages’/dots are created so the user can scroll through to see the hidden images.

http://flexslider.woothemes.com/basic-carousel.html

Thanks,
Dave

Hi there,

Although there is the following CSS:

#metaslider_717.flexslider .slides li {margin-right: 28px !important;}

This isn’t responsible for the large gaps between the images after the 50% width is applied.

The width of the li’s remain the same, 300px, as they are by default – this is calculate by JavaScript which then adds the CSS.

An alternative method would be to create 2 slideshows (one for mobile, one for desktop) then use this plugin to display the relevant slideshow on each device:

https://ww.wp.xz.cn/plugins/wp-mobile-detect/

Then setup your shortcode like this:

[device][metaslider id=123][/device] <– phones
[notdevice][metaslider id=456][/notdevice] <– not phones

Thanks,
Dave

Hi there,

Try removing the declaration in line 110 in ml-slider/inc/slider/metaslider.flex.class.php

Thanks,
Dave