Banner slideshow mobile

Hi!

Could you help me with the following:

I like to have a banner slideshow on my homepage which I succeeded to do so but on the mobile version only the middle of the photo’s (well drawings in my case) is visible. 

Is it possible to change this in such a way that you can see the whole image? So actually the banner needs to be smaller on the mobile site. 

Thank you so much!

I would recommend following this guide:

https://www.will-myers.com/articles/responsive-full-width-gallery-section-images

Hi!

Thank you for your response. 

Unfortunately it's not helping really. I have done exactly what is explained. I have found the ID of the slider, changed a photo in the same size as he is using and the same code. And I have tried different values but somehow it doesn't do the tric. 

Then I have tried to work with the original square photo's and changed the ratio in the code to 100 and it did get better but even then the photo's on mobile device are not shown completely. 

Do you have other suggestions? Or do I miss something? 

Thank you in advance!!

Can you share link to page where you have problem? We can check easier

Hi!

Here it is!

Thank you in advance!! 

https://www.mildredvalkonet.com/

it is the red drawing. Somewhere in the middle

Hi @mildred, the reason that the code didn't help si that you're not using a gallery slideshow section, but a list section. This would work much better if it was a gallery, and then the code would help.

If you can switch out that List for a gallery slideshow and then add the code from the previous link you can make this work how you want it to.

Hi!

Thank you so much! This was the trick: I changed to squarespace 7.0 and could create a gallery slideshow section even with auto play. I didnt know that this was possible...to have a section in 7.0 and the others in 7.1. I set up a slide show simple and now it's playing in the same ratio on mobile devices. Even without the code!

Thank you for your help! 

Best regards, Mildred