Slideshow Gallery Scaling (Squarespace 7.1)

Site URL: https://gardenia-chrysalis-wwnw.squarespace.com/

I'm trying to have a full bleed slideshow gallery on my home page (ver 7.1) but when I go to the mobile version, it doesn't lock the dimensions and scale appropriately so I don't lose any of the image. It just crops the image and cuts off important information. Is there a button I'm missing to fix this?

Screenshots of the problem I'm encountering are attached. 

Hi. What is access password?

On 10/27/2020 at 1:12 PM, tuanphan said:

Hi. What is access password?

I'm having the same problem here https://www.johngollings.com/

On 10/29/2020 at 2:06 PM, zoebrock said:

I'm having the same problem here https://www.johngollings.com/

I see fine here. Do you still need help?

@tuanphan Access Password is Riverside.1

15 hours ago, jdavissm said:

@tuanphan Access Password is Riverside.1

Add to Home > Design > Custom CSS. Save then reload your site

@media screen and (max-width:767px) {
.homepage .gallery-reel {
    height: 30vh !important;
}
}

@tuanphan I'm having issues with this again. The gallery on my home page is no longer scaling even with the code listed above in place. Am I missing something?

I've published the site since you provided the previous code. Website is www.riversidedt.com. No password necessary.

Use new code

@media screen and (max-width:767px) {
.homepage .gallery-fullscreen-slideshow[data-width="full-bleed"] {
    height: 30vh !important;
}
}

@tuanphan Thank you! You're the best. ❤️

21 hours ago, jdavissm said:

@tuanphan Thank you! You're the best. ❤️

 

I see some pages on mobile have long content. You can consider adding a back to top button.

Hello @tuanphan,

I was trying to use the many solutions you posted already here, but none worked properly on my page. I am assuming the coding may be page-specific?

If you could be so kind as to help with this page:
https://www.rgrayphotography.com/portfolio-new

I am trying to build a slideshow (preferably a Gallery Reel), but only vertical images are displaying correctly on mobile. The horizontal images are displaying cropped.

Thank you,

Rudy

12 hours ago, rGRAYphotog said:

Hello @tuanphan,

I was trying to use the many solutions you posted already here, but none worked properly on my page. I am assuming the coding may be page-specific?

If you could be so kind as to help with this page:
https://www.rgrayphotography.com/portfolio-new

I am trying to build a slideshow (preferably a Gallery Reel), but only vertical images are displaying correctly on mobile. The horizontal images are displaying cropped.

 

Thank you,

Rudy

The url doesn't exist

@tuanphan Thank you for your response. I changed my mind about the design, so I deleted the test page. Sorry I forgot to post that here.

Thank you for your time!

Rudy

Hello! I have the same problem. I also have a full-bleed slideshow gallery in my homepage https://www.aaronalbores.com/, and it is showing cropped in mobile mode. I tried both versions of the code you shared, but i see no change at all, the mobile gallery keeps cropping the images.

What could be the problem?

Thanks a lot for your time!

10 hours ago, Aaalbores said:

Hello! I have the same problem. I also have a full-bleed slideshow gallery in my homepage https://www.aaronalbores.com/, and it is showing cropped in mobile mode. I tried both versions of the code you shared, but i see no change at all, the mobile gallery keeps cropping the images.

What could be the problem?

Thanks a lot for your time!

Add to Design > Custom CSS

@media screen and (max-width:640px) {
section#galeria img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
}
section#galeria {
    height: 250px !important;
}
}

It works! Thank you! The side buttons for changing picture are gone when in portrait mode, but they are showing correctly when turning the phone into landscape mode. I don't mind it, however. This is way better than what i had, and i'm happy with it.

Thank you so much for your help!!

On 2/28/2022 at 6:57 PM, Aaalbores said:

It works! Thank you! The side buttons for changing picture are gone when in portrait mode, but they are showing correctly when turning the phone into landscape mode. I don't mind it, however. This is way better than what i had, and i'm happy with it.

Thank you so much for your help!!

Hi. Which button? I don't see any buttons on slideshow