Okay
  Public Ticket #2253842
Responsive Slider
Closed

Comments

  • Ruben started the conversation

    I need to add an image that has text, and I can't find how to add the image responsive.

    I need the image to reduce the size automatically, but responsively.

    How can I do it? I want to see it on mobile devices.


    Thank you!

    Attached files:  Captura de Pantalla 2019-12-29 a la(s) 12.42.08.png
      Captura de Pantalla 2019-12-29 a la(s) 12.42.42.png

  •  1,463
    Support Agent 1 replied

    Hi Ruben,

    Regarding the slider display on mobile, unfortunately, it is not possible for the images to fully resize to fit the smaller screen sizes. You can either add another slider with different and/or smaller images, or you can re-center the existing images, so different part of the image would be visible on mobile.

    Please try to do the following:

    - Add Extra Class Name to the slider item you want to re-center (not the section).

    1090600896.jpg

    - Then, add the following code to Custom CSS field in Appearance >Customize >General Settings.

    @media (max-width: 768px) {    
        .mysection_1 .slick-list .slick-slide {
        background-position: 0% 50% !important;
    }
    }

    Please adjust the break point (max width), and background position according to your needs.

    Let us know if you need help with anything else.


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!