Slideshow: Reel, making it fit to screen on mobile

Hello everyone!,

I'm absolutely loving my Squarespace site on desktop, however I'm encountering issues with the mobile version.

I primairly use Slideshow:Reels to showcase my photography work.

But when you look at my website on mobile, the slideshow is cut off and you can't actually see the full images like you can on desktop.

I've tried multipe different CSS's codes from several different sources, including from this forum, and non seem to work.

Is there anyone who can help me out with this?

Thank you so much! 

Hi,

What is page url? We can help easier

Heya!

Sorry I thought the URL was already in there ! 🙂

Thank you for wanting to have a look:

https://www.mariekecaptures.com/boudoir

On 12/23/2022 at 10:24 PM, MariekeC said:

Heya!

Sorry I thought the URL was already in there ! 🙂

Thank you for wanting to have a look:

https://www.mariekecaptures.com/boudoir

Add to Design > Custom CSS > Then save & reload the site

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

14 hours ago, tuanphan said:

Add to Design > Custom CSS > Then save & reload the site

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

 

Amazing thank you so much! You're a hero! 😄 Is it possible to do something similair with the banner images at the top of each page? 

On 12/29/2022 at 11:41 PM, MariekeC said:

Amazing thank you so much! You're a hero! 😄 Is it possible to do something similair with the banner images at the top of each page? 

Add to each Page Header, you can adjust number 35

<style>
  @media screen and (max-width:767px) {
  article section:first-child {
    min-height: unset !important;
    height: 35vh;
}
  }
</style>

On 1/2/2023 at 1:34 AM, tuanphan said:

Add to each Page Header, you can adjust number 35

<style>
  @media screen and (max-width:767px) {
  article section:first-child {
    min-height: unset !important;
    height: 35vh;
}
  }
</style>

 

Thank you so much for all your help! Much appreciated 🙂 everything is looking and workinga  lot better now!