The slider it’s not visible in mobile view

Hi @avasquezve!

The problem is given by your custom codes, specifically this one:

@media only screen and (max-width: 425px)
div.n2-ss-slide-background-wrap > div {
    background-image: url(//opticalince.cl/wp-content/uploads/2020/11/banner-de-fondo-mobile-optica-linde.jpg) !important;
}

which changes the background images for all slides to this image:
https://opticalince.cl/wp-content/uploads/2020/11/banner-de-fondo-mobile-optica-linde.jpg

I can see that the background position is changed too at two different places:

.n2-ss-slider [data-mode=fill] .n2-ss-slide-background-image {
	background-size: cover;
	background-position: 85% 35% !important;
}

.n2-ss-slider [data-mode=fill] .n2-ss-slide-background-image {
    background-position: 78% 35% !important;
}

which also affects all sliders. You should remove these codes, if you don’t want them to be applied. The focus point:

could be set for your images without customized codes, to pick which part of the image would you like to have on any screen size.

Hi,
first of all thanks for the wonderful job done. Smart slider is truly a complete plugin!

I use this post because I also have a very similar problem in the site I am building. In the mobile version I can’t see the images loaded on the page slider and the result it gives me is a white space.
The only slider I can see is the first on each page.

I tried the Chrome inspector tool and the console doesn’t report any problems.

Is there any way to fix? Thank you

Best regards

Website page link

Hi @frankperry91

Every slider can only be used once in every page due to technical reasons:
https://smartslider.helpscoutdocs.com/article/1744-limitations#functionality
your #9 slider is published 4 times.

If you really need 4 instances of this slider, you should duplicate the slider 3 times and publish the duplicated sliders in the other 3 places.

thank you so much!!