Revolution Slider displays not well with some kind of errors. Layerslider got totally broke layout. So responsive sliders are not working well. Just try to make simple responsive slider and paste it in 1 column with 2 columns layout.
Would you mind sharing an example of the errors you’re seeing? Thanks!
www.loom.com/share/f38600d479a04c269abf6df04b34ab52
Take a look. Now, “responsive sliders” went out OUTSIDE of container (column). In 2.5.5 it’s not working like that. Responsive sliders have a width of a container in which they are placed.
Howdy, @Georgich! Thanks for sharing this. After looking into this a bit more, I believe this to be an issue with LayerSlider in general with regards to placement within Flexbox and CSS Grid layouts. I went to a standard page, added a Classic Row, and did find that that putting the slider directly within that was fine:
However, once I added a <div> around the shortcode and simply added display: flex, the slider was no longer calculating it’s position correctly anymore:
It seems that LayerSlider’s “Responsive” slider is still calculated using hard px values as inline CSS instead of using flexible units like %. This is something that appears to need resolution on their end, as this has to do with their rendering methods. We will continue to monitor this and release updates to the Extensions as they come out, hopefully this is something that should be resolved on their end soon.
A quick edit: it does seem to work if the flex-direction property is set to column instead of row:
So you can get around this for the moment it seems by either disabling Flexbox positioning within a Column, or ensuring that you’re using the Column direction for your layouts.
1 Like
Thank you! Nice one! It can resolve some of my problems till the updates come.
Sounds good!
1 Like