Adjust Rotating Banner Fixed Height on Mobile

Site URL: https://carrot-bronze-bld8.squarespace.com/

Is there a way to adjust the fixed height of my homepage rotating banner just on mobile? I have it set at 100vh which I like for desktop but would like to shorten it up a little for mobile. Thanks!

On 10/15/2021 at 11:49 AM, mackenzieu said:

Site URL: https://carrot-bronze-bld8.squarespace.com/

Is there a way to adjust the fixed height of my homepage rotating banner just on mobile? I have it set at 100vh which I like for desktop but would like to shorten it up a little for mobile. Thanks!

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 1079px) {
  #rotating-home-gallery {
    padding-top: 0;
  }
}

Support me by pressing 👍 if this useful for you

My result

@bangank36 I needed that fix too! Thank you! But my original question was trying to shorten the height of the rotating images on mobile (my mistake to call that a banner-I see the confusion)... so the image doesn't reach the bottom of the screen. Does that make sense?