bryanb11 Posted January 4 Share Posted January 4 Hi! I'd like to keep the pagination currently on my site but it does not look great on mobile, so would like to understand how i can use custom CSS to only show the arrows on mobile. But keep the full title and arrow on desktop. I'm using 7.1. Any help would be appreciated! https://www.bryanbarnes.me/ Link to comment
Solution paul2009 Posted January 4 Solution Share Posted January 4 6 hours ago, bryanb11 said: I'd like...to understand how i can use custom CSS to only show the arrows on mobile. But keep the full title and arrow on desktop. Try adding this to Design > Custom CSS: /* Hide pagination titles on mobile */ /* Squarespace 7.1 */ @media only screen and (max-width: 799px) { #itemPagination .pagination-title-wrapper { display: none; } } Did this help? Please give feedback by clicking an icon below ⬇️ bryanb11 1 About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. Content: Links in my posts may refer to SF Digital products or may be affiliate links. Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.Improve your online store with our extensions. Link to comment
bryanb11 Posted January 4 Author Share Posted January 4 Thank you Paul! Works perfect paul2009 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment