search

Enclavely / tailor

Build beautiful page layouts quickly and easily using your favourite WordPress theme.
https://www.tailorwp.com
GNU General Public License v3.0
1.05k stars 102 forks source link

Responsive Issues for Carousel Element #154

Open lizkaraffa opened 6 years ago

lizkaraffa commented 6 years ago

I have a carousel where I am displaying customer testimonials. There are 3 carousel items per row like this:

screen shot 2017-09-28 at 1 32 05 pm

When my screen goes below the mobile screen width set in customizer > tailor > layout I think the carousel items should go full width and only be 1 item per row similarly to how other elements do when they are within a tailor-column div.

This looks very awkward on mobile, but I still want this content to show on mobile and not be hidden. And since the tailor-carousel__item has dynamically generated inline styling, I'm not having much success overriding the style with CSS.

screen shot 2017-09-28 at 1 34 46 pm
lizkaraffa commented 6 years ago

I dug into the source code a bit more and discovered Tailor uses slick carousels. Slick comes with a responsive option, but it looks like that is not being utilized.