ranzli Posted October 29, 2023 Posted October 29, 2023 Hello I have a page on my website for projects. When you click on one of the projects, you are taken to the respective project page. It has navigation at the bottom that allows you to navigate to the previous and next project. How can I edit this because it doesn't look good on mobile? Regards, Livio
Ziggy Posted October 30, 2023 Posted October 30, 2023 Add this to Custom CSS: // blog pagination mobile improvements @media screen and (max-width: 767px) { .item-pagination { display: flex; flex-direction: column; } a.item-pagination-link { max-width:100% !important; } .item-pagination-link--prev { margin-bottom:24px; } } It changes the widths and layout of the blog pagination links so they are stacked and wider to accommodate the text better. You can also adjust the text size if necessary. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment