2017-07-17 13 views
-2

私はサイドのスライダーが見えないようにしたいと思います。真ん中に2つだけ、次に携帯に1つのアイテム。ここでスリック、側面のアイテムを隠す

は図である:http://nsa37.casimages.com/img/2017/07/17/170717011620615002.jpgと私のcodepen:https://codepen.io/anon/pen/owOJpa

赤いスライドが表示されない必要があります。

最も単純な解決策は、2つの引用を1つの項目にグループ化することですが、問題はモバイルになる可能性があります。モバイルにも2つのアイテムがありますが、これは嫌です。

$('.customers-review__list').slick({ 
arrows: false, 
dots: true, 
    mobileFirst: true, 
    responsive: [ 
    { 
    breakpoint: 1, 
    settings: { 
     slidesToShow: 1, 
     slidesToScroll: 1, 
    } 
    }, 

    { 
    breakpoint: 768, 
    settings: { 
    slidesToShow: 2, 
    slidesToScroll: 2, 
    } 
    }, 
] 
}); 

どのようにそこに着いたらいいですか?ありがとう。

+0

あなたが直面している問題は何ですか? –

+0

4よりもむしろ中央に2つの目に見える要素しかありません。 – user8253507

答えて

0

可能であればのmax-widthプロパティを削除します。それはあなたの仕事を完了させるはずです。

+0

スライドは最大700pxでなければなりません。削除できません。 – user8253507

+0

しかし、幅はslick.jsによって計算されます –