search

kenwheeler / slick

the last carousel you'll ever need
kenwheeler.github.io/slick
MIT License
28.54k stars 5.89k forks source link

Content displayed in a column, even though I have rows: 1 set #4301

Closed safetypins closed 3 months ago

safetypins commented 3 months ago

short description of the bug / issue, provide more detail below. I'm managing a Drupal web site, and I've integrated this module with the theme, but when I activate the slick() method on the list of three HTML objects inside the div, the three items get stacked together in the first slide, and the next two slides are empty.

====================================================================

paste your jsfiddle link here

I'm unable to reproduce this behavior in the jsfiddle, even though I copied/pasted the rendered HTML code of the page I'm working with. So, this isn't a bug or a problem with the Slick slider. I guess I'm hoping that I might get some advice about how to troubleshoot this issue and figure out what part of my web site is interfering with the Slick slider.

====================================================================

More Details

This happens on Safari, Chrome Canary and Firefox. I'm using jQuery 3.7.1, and Slick 1.8.1 This is my first attempt at adding Slick slider to the web site.

safetypins commented 3 months ago

Just figured out it was a single css rule: clear: both; on the 'slide' HTML element.