Jump to content

List Gallery on Desktop Needs To Be Stacked on Mobile

Recommended Posts

On the Arkansas Hunts page there is a List Gallery that looks good on desktop, but does not look good on mobile (I've attached photos with examples) 

 

Does anyone know of custom css code that would allow the image to be the full width above the photo title and description on mobile view?

IMG_0729.PNG

Screen Shot 2022-11-30 at 3.39.33 PM.png

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

Top Posters In This Topic

Top Posters In This Topic

Posted Images

It should stack, and does on a small enough screen, this Custom CSS should increase the stacking point to 768px instead of 640px:

@media screen and (max-width: 768px)
.sqs-block-summary-v2 .summary-block-setting-design-list .summary-thumbnail-outer-container, .summary-content {
    width: 100% !important;
}

 

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

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

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.