html - Div being stretched on any mobile safari -
i have slideshow divs selectors images. are, divs border. looks on every single browser apart mobile safari
and mobile safari
here css them:
.slick-dots { padding-left: 0px; text-align: center; } .slick-dots li { display: inline-block; list-style-type: none; margin: 0 3px; } .slick-dots li button { background: #fff; border: 1px solid #000; border-radius: 0; height: 18px; width: 18px; opacity: 1; color: transparent; } .slick-dots li.slick-active button { background: #000; } .inspiration .slick-dots, .destinations .slick-dots { padding-left: 0px; } .inspiration .slick-dots li button, .destinations .slick-dots li button { background: none; border: 1px solid #fff; } .inspiration .slick-dots li.slick-active button, .destinations .slick-dots li.slick-active button { background: #fff; } .slick-slide img { display: inline !important; }
its set height , width in pixels of 18px. looks if change width below 18px doesn't go less wide... has 1 seen before?
please remove width , height , set css this
padding:9px;
this may fix safari problem
Comments
Post a Comment