Matteo_Ale

Now it's perfect, thanks a lot!

Hi @tuanphan Did you see my DM? In any case the new website is now live on the old address (www.spaceverbania.com). On mobile, and some screen ratios/def on desktop, the images are still a bit cropped... How can I fix it? Thanks Matteo

Sent you a DM

Much better but there still is a bit of cropping on the sides, any chance of fixing that as well?

I haven't actually. It's because the new website isn't published yet. What you are seeing if you go to that url is the old website where the code you provided does work, in the new 7,1 setup I can't manage and I see what I posted in my previous message. Any way you can help? can I DM you the url of the unpublished website with the viewer password? Thanks a lot

I am redoing the whole website on SS7.1, I still have the same problem and the code you provided before no longer works. On laptop this is what I see: on mobile it becomes: Ideally I'd like the whole image to be visible on mobile as well. How can I achieve it? I tried putting the code you povided before in the Design/Custom CSS but it doesn't work

I noticed it does but the image is loaded, there must be something wrong with the way it should be displayed and I can't manage to understand what...

www.spaceverbania.com/events

Thanks, this works perfectly on the homepage but I still have a problem in the "events" pages, I'd like to make sure even those images don't get cropped when on mobile, is there any specific code I could add to just evenbts?

Yes, that's what I mean. The slideshow banners when on mobile are either cropped or resized (keeping the ratio) but with white bands above and below

Hi, I have the same problem with th ebanners in my website. I built it on a bedford template, the homepage gallery banner behaves rather wierdly on desktop vs mobile. I'd like the images to be fully displayed in both kind of screens. The images are 16:9 ratio. with the options given by Squarespace I either have them badly cropped ù8depending on the screen width in pixels) or have them always fully displayed but wit padding above and below when on mobile and padding right and left when on screens with higher definition. Is there a way to fix this via CSS? website is www.spaceverbania.com