Okay
  Public Ticket #1586440
Responsive within flexbox
Closed

Comments

  • benlaf started the conversation

    Hi,

    It seems that responsive feature of Layerslider doesn't work with CSS flexbox.
    You can see my example and resize the window: http://dev.produitsdelaferme.com/fr/test-layerslider.php .
    You can see the horizontal scrollbar.

    Do I have to use float for my columns to be compatible with layerslider responsiveness?

    Thank you

  • [deleted] replied

    Hello benlaf,

    Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today.

    I would like to confirm that we have received your message. Due to the nature of the issue you are experiencing, I will have to contact and consult with the development team first. I will get back to you as soon as I can.

    We appreciate your patience while we're working towards your ticket.

  • [deleted] replied

    The dev team tried to access your site, but it does not seem to be available. Where exactly can we check the problem ? Could you please check on the URL or set up another test page ?

  • benlaf replied

    Ah, that's right, this is a new URL to let you see:
    http://dev2.produitsdelaferme.com/fr/test-layerslider.php

    But you can try on your side: you make a 2 CSS flex columns, you put a layerslider inside on with responsive: true, you resize the window and the layerslider doesn't resize dynamically (a horizontal scrollbar is appearing).

  • [deleted] replied

    Thank you, but unfortunately this page does not seem to be available either. We get a page not found error : ERR_NAME_NOT_RESOLVED

  • [deleted] replied

    Thank you, this one works. The dev team will look into this, and we'll get back to you shortly.

  • [deleted] replied

    Thank you for your patience. Please set it up the following way:

    aside {
           flex: 0 0 auto; width: 30%; ............
    }
    .content {
           flex: 0 0 auto; width: 70%; ............
    }

    This should work.

  • benlaf replied

    Yes perfect, you are right, it is now working: http://dev.taigaweb.com/fr/test-layerslider.php

    Thank you, great script!

  • [deleted] replied

    Thank you for the feedback, glad you could solve the problem. If you need further assistance please let us know.