Jump to content

Summary Block Images only Load on Mobile....Sometimes

Recommended Posts

Site URL: https://suruchi-avasthi.squarespace.com

Hey all -

Curious is anyone has experienced this before? I've used the code below to turn my summary block carousel images into full size, single column on mobile. At first glance, everything looks good. But there are two things that are acting finicky. First of all, the third summary item doesn't show up. Additionally, randomly the images stop loading. Has anyone experienced this before? Not sure how to fix this and I really like the style!

PW: cardamom

@media screen and (max-width:767px) {

.summary-item {

    display: flex;

    flex-direction: column;

  justify-content: center!important;

    width: 100% !important;

  margin-right: 5px;

}

.summary-item img{

height:auto!important;

width:90vw!important;

}}

Screenshot 2024-09-05 at 10.41.29 AM.png

Link to comment
  • Replies 1
  • Views 96
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

12 hours ago, bueller said:

Can you share the site wide password?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️ Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.