Summary block columns on tablet

sarahrab · June 30, 2022

Site URL: https://www.seaahead.squarespace.com

Hi there,

I have a 3-column grid summary block on the bottom of my homepage. Right now it collapses to 2 columns on tablet layouts. How can I keep it at 3 columns for any screen size above 800px?

site password: bluetech

Thanks!

tuanphan · July 1, 2022

Add to Design > Custom CSS

@media screen and (max-width:1024px) and (min-width:767px) {
div#block-yui_3_17_2_1_1656444249967_80931 .summary-item {
    width: calc(~"33.3333% - 20px") !important;
    clear: none !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-right: 10px !important;
}
}

sarahrab · July 1, 2022

Thank you so much!

Summary block columns on tablet

Recommended Posts

sarahrab

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

tuanphan

Link to comment

sarahrab

Link to comment

Create an account or sign in to comment

News

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources