charlottewritescopy Posted January 18 Share Posted January 18 Hiya! I'm really happy with my site, but right at the bottom, my page seems to overflow on mobile? I've attached a photo but I can't work out how to fix Link to comment
yubrajs Posted January 18 Share Posted January 18 Here is the solution: .item-pagination[data-collection-type^="portfolio"] { display: flex; justify-content: space-evenly; } #itemPagination a.item-pagination-link{ padding: 4px 18px 4px 18px !important; } Apply this code only in media query with max-width: 428px Link to comment
charlottewritescopy Posted January 19 Author Share Posted January 19 Sorry, where do I put this? Link to comment
yubrajs Posted January 20 Share Posted January 20 Inside Website Tools > custom css @media only screen and (max-width: 428px) { /* for mobile */ .item-pagination[data-collection-type^="portfolio"] { display: flex; justify-content: space-evenly; } #itemPagination a.item-pagination-link{ padding: 4px 18px 4px 18px !important; } } 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