Menu icon Foundation
Slick Carousal bug

Hello, I'm trying to figure out how to fix a big with the "slick" image carousal. On my site there is a little bit of space on the side of it that is a very annoying. I added a picture of the bug to this post. Also here added some of my code that has the slick carousal piece in it.

the full link to my site is: http://azaleams.com/test

Thanks for any/all help!

Bug

<div class="slider" style="margin-bottom:-10px;width:100%;">
  <div>
    <img src="img/welcomebanner.png" alt="Slide 1" style="width:100%;height:55%;"/>
  </div>
  <div>
    <img src="http://i.imgur.com/dDxy47y.png" alt="Slide 2" style="width:100%;height:55%;"/>
  </div>
</div>

slickcarousalbughelp

Hello, I'm trying to figure out how to fix a big with the "slick" image carousal. On my site there is a little bit of space on the side of it that is a very annoying. I added a picture of the bug to this post. Also here added some of my code that has the slick carousal piece in it.

the full link to my site is: http://azaleams.com/test

Thanks for any/all help!

Bug

<div class="slider" style="margin-bottom:-10px;width:100%;">
  <div>
    <img src="img/welcomebanner.png" alt="Slide 1" style="width:100%;height:55%;"/>
  </div>
  <div>
    <img src="http://i.imgur.com/dDxy47y.png" alt="Slide 2" style="width:100%;height:55%;"/>
  </div>
</div>
Lyn about 5 years ago

Hey there,

The issue you're getting is caused by the buttons .slick-prev and .slick-next (especially the later).
You either want to reposition them accordingly or maybe remove them if you don't want to use them.

Kind regards,

Lyn.

Sam about 5 years ago

Thanks! That was it!