June 24, 2018 at 12:42 am #273177
I’ve posted this on the Flickity GitHub page but no one so far has helped. I’m not sure if it’s my code or an issue with the plugin.
My demo https://qwerty-website.co.uk/
I’m finding that the cell containing my images collapses unless I give them a specific height. Issue is I don’t want to give them a height. I want the width to be the controlling factor in scale as per normal responsive design.
To get around this I’ve set a height in my CSS then reset this to auto in my js which works but I’d need to set different heights for different breakpoints as in some browsers the auto doesn’t overwrite the value set in my CSS.
It all just feels hacky and I cant help but feel that such a great popular plugin like this shouldn’t need such hacks and it’s me that’s doing something wrong.
So in short, how do I prevent the cells from collapsing whilst not setting an explicit height in my CSS?
Any help massively appreciated as I’ve been pulling my hair out for a few days now with this.
Thanks RichardJune 27, 2018 at 2:29 am #273277
Found the solution just in case anyone stumbles upon this thread.
You need to use the imagesLoaded true option.
You must be logged in to reply to this topic.