Skip to main content

Forums

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #273177
    Ricky55
    Participant

    Hi guys

    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 Richard

    #273277
    Ricky55
    Participant

    Found the solution just in case anyone stumbles upon this thread.

    You need to use the imagesLoaded true option.

    https://flickity.metafizzy.co/options.html#imagesloaded

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.
icon-link icon-logo-star icon-search icon-star