Comments hannahbergqvist started the conversationAugust 13, 2019 at 10:39amHi I have an image carousel/slider that does not scale well on mobile even though I have set responsive options. Can you help? It's the favourite quotes slider a few sections down - see URL. Thanks,Hannah 2,700PenciDesign repliedAugust 13, 2019 at 3:58pmHi,That's an element from WPbakery page builder, I think you should check again the settings from your-end.As I can see know it's hidden on mobile.Best Regards,PenciDesignhannahbergqvist repliedAugust 14, 2019 at 10:30amHi again I have checked my settings and they should be allright. The scale is still off, see attached. All best,Hannah 2,700PenciDesign repliedAugust 14, 2019 at 3:09pmHi,Please try add more this code to Customize > Custom CSS to fix it: @media only screen and (max-width: 480px){ .vc_images_carousel{ width: 100% !important; } } Best Regards,PenciDesignhannahbergqvist repliedAugust 14, 2019 at 6:42pmThanks a lot! It worked :) I'm now wondering if there's an additional CSS code to increase the space between the slider arrows and the image? See attached. 2,700PenciDesign repliedAugust 15, 2019 at 2:46amHi, Please try add more this code to Customize > Custom CSS to fix it: @media only screen and (max-width: 480px){ .vc_images_carousel .vc_carousel-control.vc_left{ left: -20px; } .vc_images_carousel .vc_carousel-control.vc_right{ right: -10px; } } Change values 20 & 10 to any value as you want.Best Regards, PenciDesignhannahbergqvist repliedAugust 15, 2019 at 5:07amIt works. Thank you very much! :)All best, Hannah Sign in to reply ...
Hi
I have an image carousel/slider that does not scale well on mobile even though I have set responsive options. Can you help?
It's the favourite quotes slider a few sections down - see URL.
Thanks,
Hannah
Hi,
That's an element from WPbakery page builder, I think you should check again the settings from your-end.
As I can see know it's hidden on mobile.
Best Regards,
PenciDesign
Hi again
I have checked my settings and they should be allright. The scale is still off, see attached.
All best,
Hannah
Hi,
Please try add more this code to Customize > Custom CSS to fix it:
Best Regards,
PenciDesign
Thanks a lot! It worked :)
I'm now wondering if there's an additional CSS code to increase the space between the slider arrows and the image? See attached.
Hi,
Please try add more this code to Customize > Custom CSS to fix it:
Change values 20 & 10 to any value as you want.
Best Regards,
PenciDesign
It works. Thank you very much! :)
All best, Hannah