Hi,

I installed your JF slideshow on a responsive template and everything works as expected in a PC browser. On the contrary, when browsing with a mobile the height of the images is not resized proportionally with the width.

The test site is www.new.papermakeit.com

What could it be? The template producer cannot help...

Thank you very much
Claudio

Update: indeed there is the same behaviour in pc browser. If I reload the page in a reduced width all images are loaded as it was in a full size. Then single images are rescaled (only the width) to fit the reduced browser windows and so all images are stretched.

Many thanks
Claudio

I see everything wihtout any problems...

Ahhh.. that's because you saw just few seconds after the template producer added some code in custom css. I added a couple of lines more:

@media only screen and ( max-width: 767px ) {
#mod_jfslideshow_wrapper, .box_skitter img {
height: 168px !important;
}}
@media only screen and ( max-width: 767px ) {
#mod_jfslideshow_wrapper, .box_skitter image {
height: 168px !important;
}}
@media only screen and (max-width: 440px) {
#mod_jfslideshow_wrapper, .box_skitter img {
height: 115px !important;
}}
@media only screen and (max-width: 440px) {
#mod_jfslideshow_wrapper, .box_skitter image {
height: 115px !important;
}}

Anyway I still see some flickering between transitions and later I'll try to add the same code for the clone box.

I'll let you know.

Claudio