Jump to content

Shrink Slide

Recommended Posts

  • Replies 12
  • Views 469
  • Created
  • Last Reply

Thank you @tuanphan

For this code you gave to me, I had a problem on my iPhone 11.

 

@media screen and (max-width:767px) {
  #page section:first-child {
    min-height: 20vh !important;
    height: 48vh;
}
}

 

The slide does not fit 100% on my iPhone 11. It is showing correctly on iPhone 7 Plus and iPhone 8.

Link to comment

@tuanphan

How could I get more than 1 photo as slide? I would like to get about 5 pictures slide.

For 1 picture, it is showing perfectly.

Add to Page Settings > Advanced > Header

<style>
@media screen and (max-width:767px) {
#page section:first-child {
    min-height: unset !important;
    height: 30vh;
    margin-top: 10vh;
}
}
</style>

a2.thumb.png.17567d280afceaa3fae67b21ff93cc92.png

 

a1.thumb.png.68a2a0787bb2c84a63deef521fa28dbb.png

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.