Slick Slider not working in mobile

I am currently using this on a theme for my shopify store: http://ourstorypaperco.com

It seems that when on mobile, the javascript for some reason will change the width to an insane number like 34000 px, which results in a blank image. The slider dots also disappear. I am not 100% sure what is going on.

Check out: http://ourstorypaperco.com/products/gray-chevron-modern-baby-book

This is the html that it changes it when its on a smaller screen, notice the width at 14350 px? <div class="product-single__photo-wrapper slick-slide slick-active" style="width: 14350px;" index="0"> <img class="product-single__photo" id="ProductPhotoImg" src="//cdn.shopify.com/s/files/1/0836/5807/products/download_grande.png?v=1432427889" data-mfp-src="//cdn.shopify.com/s/files/1/0836/5807/products/download_1024x1024.png?v=1432427889" alt="Gray Chevron Modern Baby Book"> </div>

[guruwanabe]

Solved! .slick-slider { display: table; table-layout: fixed; width: 100%; }

[MatthewCawley]

This is what fixed it for me:

.slick-slider {
	display: table !important;
	table-layout: fixed !important;
	width: 100% !important;
}

It wouldn’t work without the important.