Squarespace 7.1 Rotating Slideshow Gallery full bleed mobile

Hello.

I just upgraded to Squarespace 7.1 and I love it, I think it's great and big improvement over 7.0.

I made a full bleed gallery at the top of the homepage which looks great on desktop but then gets cut off when I go to mobile view.

Is there a way to show alternate images for when you are in mobile view? I could create some vertical friendly images for mobile.

or

Is there a way to crop the rotating images better?

Thank you!!

12 hours ago, Skylab said:

Hello.

I just upgraded to Squarespace 7.1 and I love it, I think it's great and big improvement over 7.0.

I made a full bleed gallery at the top of the homepage which looks great on desktop but then gets cut off when I go to mobile view.

Is there a way to show alternate images for when you are in mobile view? I could create some vertical friendly images for mobile.

or

Is there a way to crop the rotating images better?

Thank you!!

 

Can you share your page URL (with protected password if you have) so we can take a look?

On 11/16/2022 at 9:56 AM, Skylab said:

Hello.

I just upgraded to Squarespace 7.1 and I love it, I think it's great and big improvement over 7.0.

I made a full bleed gallery at the top of the homepage which looks great on desktop but then gets cut off when I go to mobile view.

Is there a way to show alternate images for when you are in mobile view? I could create some vertical friendly images for mobile.

or

Is there a way to crop the rotating images better?

Thank you!!

 

If you use Slideshow, the only way to make it show correct size on mobile is reduce slideshow height, if you share link to your site, we can give code to solve this

Hey. Here is the website URL: Home — Skylab New York (skylabnyc.com)

It's the rotating slideshow.

Thank you!

On 11/22/2022 at 10:51 AM, Skylab said:

Hey. Here is the website URL: Home — Skylab New York (skylabnyc.com)

It's the rotating slideshow.

Thank you!

Add to Design > Custom CSS

/* Mobile homepage slideshow */
@media screen and (max-width:767px) {
body.homepage .gallery-fullscreen-slideshow {
    height: 20vh !important;
}
}