Home › Forums › CSS › Issues with two images displaying on HTML/CSS/JS powered slideshow › Reply To: Issues with two images displaying on HTML/CSS/JS powered slideshow
March 30, 2017 at 4:52 am
#253290
Atelierbram
Participant
On line 80 of template.css
try to compensate for the difference in height (on small screens on that media-query) between the span containing the background-image with height: 350px
and the containing link with height: 450px
.
The math: 450 / 3.5 = 77%. When adapting the background-size height like that, it will be within the viewport again, although on some screens a bit stretched, so maybe play around with those values a bit within media-queries.
@media only screen and (max-width: 977px) {
#fpssContainer103.fpss-template-simple .slides-wrapper .slides .slide a.slide-link span {
height: 350px;
background-size: 100% 77% !important;
}