How to stack the blog next/previous pagination text for mobile only - Squarespace 7.1

If you have long blog post titles, the chances are that they will look terrible on a mobile screen size. This is because the content is placed in 2 columns side by side, which often means the text either overlaps or is spaced really close together.

Add this code below to your Custom CSS to resolve this issue.

---

Video tutorial

Code

//Blog Pagination - Mobile
@media only screen and(max-width: 640px){

.item-pagination--prev-next {
flex-direction: column!important;
  margin-bottom: 40px;
}

.item-pagination-link {
max-width:100%;
margin-bottom: 40px;
 }
}