Styjun

When does The Truman Show take place?

Does git delete empty folders?

Repurpose telephone line to ethernet

Can the front glass be repaired of a broken lens?

Why is su world executable?

Why do balloons get cold when they deflate?

Are there reliable, formulaic ways to form chords on the guitar?

Gofer work in exchange for Letter of Recommendation

Angles between vectors of center of two incircles

Do predators tend to have vertical slit pupils versus horizontal for prey animals?

Align (multiline text)-nodes with tikzlibrary 'positioning'

Why should P.I be willing to write strong LOR even if that means losing a undergraduate from his/her lab?

Why is the name Bergson pronounced like Berksonne?

Can I check a small array of bools in one go?

Chess software to analyze games

Is "stainless" a bulk or a surface property of stainless steel?

Designing a prison for a telekinetic race

Where is this New York City Broadway location from Fall 1958?

Just one file echoed from an array of files

How do we test and determine if a USB cable+connector is version 2, 3.0 or 3.1?

Wristwatches in the cockpit

What happened after the end of the Truman Show?

awkward stretchy fingering

How do neutron star binaries form?

Slick slider width is too large and doesn't work

Incorrect flexbox display in Chrome 48Slick slider positioning and widthSlick carousel width issueError: request entity too largeFont Issue with CSS/Javascript Slider. Font Not Displaying on Remote Server but Works in Local ServerSlick slider - Add class to 'slick-active'slick slider carousel variable width of itemshowto init ion-range-slider function in gentelella templateSlick vertical slider issueSlick slider thumbs not showingSlick Slider Dots bubbleHow to make slick slider like this?Slick slider has large width

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

1

I'm trying to create a nice slider with slick. But when testing, the width is enormous. I did some research and these answers didn't help:

Slick slider positioning and width

Slick carousel width issue

Incorrect flexbox display in Chrome 48

As I read a lot that this is also an issue with Opera, In Safari the width is less large, but the view also isn't good.

This is my code:

$(".fslider").slick(
 autoplay: true,
 dots: true,
 responsive: [
 breakpoint: 500,
 settings: 
 dots: false,
 arrows: false,
 infinite: false,
 slidesToShow: 3,
 slidesToScroll: 1
 
 ]
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<!-- for demo -->

<div class="o-grid o-grid--equal-height">
 <div class="o-grid__col u-12/12 u-mb-x6">
 <div class="fslider slick-slider">
 <div>
 <p>1</p>
 </div>
 <div>
 <p>2</p>
 </div>
 <div>
 <p>3</p>
 </div>
 <div>
 <p>4</p>
 </div>
 </div>
 </div>
</div>

About loading: i'm sure that is al ok.

This is my site in console-elements:

thanks in advance

javascript css slider carousel slick

share|improve this question

edited Mar 27 at 14:31

coops

1,31677 silver badges2121 bronze badges

asked Mar 27 at 14:07

belgiumsbelgiums

38722 gold badges66 silver badges1616 bronze badges

add a comment | 

0

1

I'm trying to create a nice slider with slick. But when testing, the width is enormous. I did some research and these answers didn't help:

Slick slider positioning and width

Slick carousel width issue

Incorrect flexbox display in Chrome 48

As I read a lot that this is also an issue with Opera, In Safari the width is less large, but the view also isn't good.

This is my code:

$(".fslider").slick(
 autoplay: true,
 dots: true,
 responsive: [
 breakpoint: 500,
 settings: 
 dots: false,
 arrows: false,
 infinite: false,
 slidesToShow: 3,
 slidesToScroll: 1
 
 ]
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<!-- for demo -->

<div class="o-grid o-grid--equal-height">
 <div class="o-grid__col u-12/12 u-mb-x6">
 <div class="fslider slick-slider">
 <div>
 <p>1</p>
 </div>
 <div>
 <p>2</p>
 </div>
 <div>
 <p>3</p>
 </div>
 <div>
 <p>4</p>
 </div>
 </div>
 </div>
</div>

About loading: i'm sure that is al ok.

This is my site in console-elements:

thanks in advance

javascript css slider carousel slick

share|improve this question

edited Mar 27 at 14:31

coops

1,31677 silver badges2121 bronze badges

asked Mar 27 at 14:07

belgiumsbelgiums

38722 gold badges66 silver badges1616 bronze badges

add a comment | 

I'm trying to create a nice slider with slick. But when testing, the width is enormous. I did some research and these answers didn't help:

Slick slider positioning and width

Slick carousel width issue

Incorrect flexbox display in Chrome 48

As I read a lot that this is also an issue with Opera, In Safari the width is less large, but the view also isn't good.

This is my code:

$(".fslider").slick(
 autoplay: true,
 dots: true,
 responsive: [
 breakpoint: 500,
 settings: 
 dots: false,
 arrows: false,
 infinite: false,
 slidesToShow: 3,
 slidesToScroll: 1
 
 ]
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<!-- for demo -->

<div class="o-grid o-grid--equal-height">
 <div class="o-grid__col u-12/12 u-mb-x6">
 <div class="fslider slick-slider">
 <div>
 <p>1</p>
 </div>
 <div>
 <p>2</p>
 </div>
 <div>
 <p>3</p>
 </div>
 <div>
 <p>4</p>
 </div>
 </div>
 </div>
</div>

About loading: i'm sure that is al ok.

This is my site in console-elements:

thanks in advance

javascript css slider carousel slick

share|improve this question

edited Mar 27 at 14:31

coops

1,31677 silver badges2121 bronze badges

asked Mar 27 at 14:07

belgiumsbelgiums

38722 gold badges66 silver badges1616 bronze badges

$(".fslider").slick(
 autoplay: true,
 dots: true,
 responsive: [
 breakpoint: 500,
 settings: 
 dots: false,
 arrows: false,
 infinite: false,
 slidesToShow: 3,
 slidesToScroll: 1
 
 ]
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<!-- for demo -->

<div class="o-grid o-grid--equal-height">
 <div class="o-grid__col u-12/12 u-mb-x6">
 <div class="fslider slick-slider">
 <div>
 <p>1</p>
 </div>
 <div>
 <p>2</p>
 </div>
 <div>
 <p>3</p>
 </div>
 <div>
 <p>4</p>
 </div>
 </div>
 </div>
</div>

$(".fslider").slick(
 autoplay: true,
 dots: true,
 responsive: [
 breakpoint: 500,
 settings: 
 dots: false,
 arrows: false,
 infinite: false,
 slidesToShow: 3,
 slidesToScroll: 1
 
 ]
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<!-- for demo -->

<div class="o-grid o-grid--equal-height">
 <div class="o-grid__col u-12/12 u-mb-x6">
 <div class="fslider slick-slider">
 <div>
 <p>1</p>
 </div>
 <div>
 <p>2</p>
 </div>
 <div>
 <p>3</p>
 </div>
 <div>
 <p>4</p>
 </div>
 </div>
 </div>
</div>

$(".fslider").slick(
 autoplay: true,
 dots: true,
 responsive: [
 breakpoint: 500,
 settings: 
 dots: false,
 arrows: false,
 infinite: false,
 slidesToShow: 3,
 slidesToScroll: 1
 
 ]
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<!-- for demo -->

<div class="o-grid o-grid--equal-height">
 <div class="o-grid__col u-12/12 u-mb-x6">
 <div class="fslider slick-slider">
 <div>
 <p>1</p>
 </div>
 <div>
 <p>2</p>
 </div>
 <div>
 <p>3</p>
 </div>
 <div>
 <p>4</p>
 </div>
 </div>
 </div>
</div>

share|improve this question

edited Mar 27 at 14:31

coops

1,31677 silver badges2121 bronze badges

asked Mar 27 at 14:07

belgiumsbelgiums

38722 gold badges66 silver badges1616 bronze badges

share|improve this question

edited Mar 27 at 14:31

coops

1,31677 silver badges2121 bronze badges

asked Mar 27 at 14:07

belgiumsbelgiums

38722 gold badges66 silver badges1616 bronze badges

edited Mar 27 at 14:31

coops

1,31677 silver badges2121 bronze badges

edited Mar 27 at 14:31

coops

1,31677 silver badges2121 bronze badges

asked Mar 27 at 14:07

belgiumsbelgiums

38722 gold badges66 silver badges1616 bronze badges

asked Mar 27 at 14:07

belgiumsbelgiums

38722 gold badges66 silver badges1616 bronze badges