Resize carousel block on mobile (overflow issue )

Hello, I tried increasing the size of the carousel gallery on mobile  but it overflows into the below section. This is the code I used. See attached image, before and after code. Need help, thanks in advance.  http://lohanne-quintella.squarespace.com/  Pass: Lohannequintella

@media screen and (max-width:767px) {
.sqs-gallery-design-strip  {
    height: 40vh !important;
	overflow: scroll;
}
}

BEFORE:

On 4/15/2022 at 11:50 PM, HunterD said:

 

Hello, I tried increasing the size of the carousel gallery on mobile  but it overflows into the below section. This is the code I used. See attached image, before and after code. Need help, thanks in advance.  http://lohanne-quintella.squarespace.com/  Pass: Lohannequintella

@media screen and (max-width:767px) {
.sqs-gallery-design-strip  {
    height: 40vh !important;
	overflow: scroll;
}
}

BEFORE:

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px){
  section[data-section-id="625ac742ce43721fdfb05d88"] img {
    height: auto !important;
  }
  section[data-section-id="625ac742ce43721fdfb05d88"]  .user-items-list-carousel[data-layout-width="full"] .user-items-list-carousel__gutter {
    padding: 0;
  }
}

Let me know how it works on your site

My testing