Jump to content

How to edit quantity items instagram block mobile ONLY

Recommended Posts

Hi, 

I'm looking for a CSS code on how to change the quantity of items shown on my instagram block. 

On desktop this is 5, but on mobile this obviously shows with an empty space. 

How can I make it an even number on mobile ONLY? 4 or 6

 

password: smoothie123

Thank you. 

Screenshot 2023-02-14 at 17.03.35.png

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

The simplest solution would be to switch to using 4 or 6 images, but we may be able to remove the final one, and then you can adjust the mobile layout to remove the extra space.

Add this to your Custom CSS:

@media only screen and (max-width:767px) {
  .sqs-gallery-design-grid-slide:nth-child(5) {
    display:none !important;
  }
}

Then edit the page, go to mobile layout, and reduce the block height, and adjust the layout to suit the reduced height.

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

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

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark 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.