Jump to content

Summary Block - Force 5 Items Per Row On Mobile - CSS

Recommended Posts

  • Replies 7
  • Created
  • Last Reply

Top Posters In This Topic

It looks like you use Summary Block - Wall Layout

Just changed it to Grid Layout, then add this to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1660330628278_11970 .summary-item {
    width: 20% !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 weeks later...
On 8/13/2022 at 10:48 PM, tuanphan said:

It looks like you use Summary Block - Wall Layout

Just changed it to Grid Layout, then add this to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1660330628278_11970 .summary-item {
    width: 20% !important;
}
}

 

hi!  unfortunately I changed it to grid layout and it still doesn't work 😕. Not sure what's going on...would love if you could help with this as I am also encountering the issue in another summary block section 🙂

Link to comment
On 9/3/2022 at 12:19 AM, DevonHarris said:

@tuanphan my fix was just to create and hide a new section.  However I am running into the same issue throughout other sections of the website, for example the "programs" section of the home page, which I would like to display 4 across on ipad screen sizes.  Not sure what to do...password is 20222023

This section?

image.png.58d31810edcec7981a0c3d0b16ae89ec.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.