flickity icon indicating copy to clipboard operation
flickity copied to clipboard

Unexpected transitionX when the slider has more cells and can't fit on a full width

Open joffreypersia opened this issue 4 years ago • 1 comments

Hi,

I am using a flickity slider on my WordPress Oxygen Builder website.

I am facing a problem. I don't understand why, on the row where there is more items than the number that the width can display. It shifts the cell as a translateX and ignore the margin-left of my cell (this is the space I would like to have before the first item display.)

Screenshot 2022-01-01 at 16 56 37 Screenshot 2022-01-01 at 16 56 22

https://www.pulqo.com (live website that have the problem)

Here is the JS code used :

jQuery('.repeater__1').flickity( { // options cellAlign: 'left', contain: true, // wrapAround: true, pageDots: false, groupCells: true } );

Thank you, Joffrey

joffreypersia avatar Jan 01 '22 22:01 joffreypersia

Thanks for reporting this issue. To be clear - Flickity aligns the cell content, without the margin, with cellAlign. If you want extra space within the carousel, you may have to use padding instead of margin

desandro avatar Jan 09 '22 00:01 desandro