Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2114102
Image slider mobile view
Closed

Comments

  • hannahbergqvist started the conversation

    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

  •  2,700
    PenciDesign replied

    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

  • hannahbergqvist replied

    Hi again

    I have checked my settings and they should be allright. The scale is still off, see attached.

    All best,
    Hannah

  •  2,700
    PenciDesign replied

    Hi,

    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,

    PenciDesign

  • hannahbergqvist replied

    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.


  •  2,700
    PenciDesign replied

    Hi,

    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,

    PenciDesign


  • hannahbergqvist replied

    It works. Thank you very much! :)

    All best, Hannah