Jump to content

Portfolio Page pagination for projects not scaling for mobile

Go to solution Solved by IM_Design,

Recommended Posts

  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

  • Solution

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.

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.