Tagged: slider
Hello,
Please check http://www.chaos2work.com/wp on a tablet. On the left and right side next to the slider images, there’s a litte white “bar”. This is not visible on a desktop.
Why is it there and how can I remove this?
Thanks for your answer!
Martine
Hi famewebdesign!
Thank you for using Enfold.
Try to edit the Slider Settings then remove the Layers Container value. See if that helps.
Regards,
Ismael
Hello,
Slidersettings: the width is exact the size of the content container (1000px). On desktop the layerslider shows as it should be. Only not on Phone and tablet.
Please explain to me what settings I need to change because I don’t understand what you mean.
Thanks Ismael!
Hey!
Send us a WordPress login and we’ll take a closer look. You can set your reply as private if you wish.
Best regards,
Elliott
Hey!
Try this on Quick CSS:
.ls-slide .ls-bg {
margin: 0 !important;
width: 100% !important;
height: 100% !important;
}
Cheers!
Ismael
Thanks! Now the white spaces are removed.
Only, now when the slider slides to the next image, the image is first showing small and then the size it should be. You can see on tablet and Phone. Is there a way to fix this?
Hey!
Please remove the modifications above. Instead of adding the image as background (Slide image & thumbnail), add it as a layer. We created a test slider and page here:
http://chaos2work.com/wp/wp-admin/admin.php?page=layerslider&action=edit&id=6
http://chaos2work.com/wp/test-page/
Check the background layer.
Cheers!
Ismael
You’re the best Ismael! Thanks very much!! :-)