Create a WAY Better Carousel Layout on Mobile in Squarespace — Schwartz-Edmisten Web Design | Squarespace Expert + Web Designer
Thu Feb 25 2021 00:21:36 GMT+0000 (Coordinated Universal Time)
Saved by
@Abhi
#your-section-name-here {
@media screen and (max-width: 640px) {
.summary-item-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.summary-item {
width: 100%!important;
margin-bottom: 50px;
}
.summary-item:nth-child(n+4) {
display: none;
}
.summary-carousel-pager {
display: none!important;
}
}
@media screen and (min-width: 641px) {
.button-block {
display: none;
}}}
content_copyCOPY
https://schwartz-edmisten.com/blog/better-carousel-summary-block-layout-on-mobile
Comments