Reducing font size of pagination for mobile

mimichong · March 15, 2023

Hi all,

Anyone know how I can adjust the size of these portfolio titles in mobile? I successfully did it for the desktop version (using h4) through the built-in feature on Site Styles, but it's not carrying over to mobile (currently showing h3). I'd like for it to use the same styling on both.

To clarify, I want the project title AND the prev/next text to show as you'll see in the desktop view. I just want the property to carry over when it hits a certain breakpoint for mobile/tablet so the experience is consistent.

Thank you!!

Edited March 15, 2023 by mimichong

Ziggy · March 15, 2023

You can try adding this to the Custom CSS of your website, and adjust the 18px value to suit your design and font:

@media only screen and (max-width:767px) {
  .item-pagination-title {
    font-size: 18px !important;
  }
}

mimichong · March 17, 2023

That did the trick - appreciate it!!

Reducing font size of pagination for mobile

Recommended Posts

mimichong

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

mimichong

Posted Images

Ziggy

mimichong

Create an account or sign in to comment

News

mimichong

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources