Jump to content

Portfolio Page pagination for projects not scaling for mobile

Recommended Posts

Posted

The pagination for my projects gets even larger on mobile than it shows on desktop, which isn't what I'm looking for with my design. Looking to adjust the font size for that specifically for mobile.

  • Replies 1
  • Views 1.5k
  • Created
  • Last Reply
Posted

Here's what worked on my 7.1 site within the CSS Editor:

  1. First, adjust the size for the pagination font for the desktop display to your liking. View a project and go into Design > Fonts > Your font pack > Advanced > Pagination and adjust "Pagination Size" there.
  2. Then go into the CSS Editor and paste in this code to adjust the font size just for mobile: 
    @media only screen and (max-width:700px){
      .item-pagination-title {font-size: 17px !important;}
    }

You can adjust the "17px" to a different number to increase or decrease the mobile pagination font size from there.

 

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.