Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

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

#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;
}