Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Responsive Summary Block Customization


Steph1249

Question

Site URL: https://hypersphere-blueberry-ygcs.squarespace.com/

Hello! I currently have a summary blog of recent blog posts that looks fine on full desktop (4 columns) and mobile (either 2 columns stacked or 1 column stacked), but there is a strange in-between point that switches it over to 3 columns and creates an additional row for the single widow item. Can someone help me figure out a code customization to keep that point to 4 columns? Thank you in advance!!

Screen Shot 2021-07-29 at 12.58.32 PM.png

Link to comment

2 answers to this question

Recommended Posts

  • 0
20 hours ago, Steph1249 said:

Site URL: https://hypersphere-blueberry-ygcs.squarespace.com/

Hello! I currently have a summary blog of recent blog posts that looks fine on full desktop (4 columns) and mobile (either 2 columns stacked or 1 column stacked), but there is a strange in-between point that switches it over to 3 columns and creates an additional row for the single widow item. Can someone help me figure out a code customization to keep that point to 4 columns? Thank you in advance!!

Screen Shot 2021-07-29 at 12.58.32 PM.png

Add to Design > Custom CSS

@media screen and (min-width:992px) {
div#block-yui_3_17_2_1_1620192787467_18304 .summary-item {
    width: 22.4981% !important;
    margin-bottom: 3.33592% !important;
    clear: none !important;
    margin-right: 2.5019% !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
On 7/30/2021 at 9:08 AM, tuanphan said:

Add to Design > Custom CSS

@media screen and (min-width:992px) {
div#block-yui_3_17_2_1_1620192787467_18304 .summary-item {
    width: 22.4981% !important;
    margin-bottom: 3.33592% !important;
    clear: none !important;
    margin-right: 2.5019% !important;
}
}

This works perfectly – 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...