Jump to content

Custom font on Summary Block not showing on Mobile View

Go to solution Solved by jaeveedee,

Recommended Posts

Hi there,

I have added code to customize the font on the summary blocks, this however doesn't show on mobile view. Does anyone know how I can solve this?

I've used this code:


.sqs-block-summary-v2 {
.summary-heading {
font-family: 'proxima-sera';
font-weight: 300;
font-size: 18px !important;
color: #ccccc;
text-transform: none;
font-style: none; 
} }


I have also noticed that this block (see attached, correct margin in pink) does not align to the margins of the rest of the site on mobile view. Does anyone know if that can be adjusted?

Site: https://caterpillar-wrasse-ns3s.squarespace.com/
Pw: psa23

Thanks a lot!

Screenshot 2023-10-27 at 14.12.40.png

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

  • Solution

@abigailallen I think I'm looking at the same spot on your site. You might need to get a more specific selector.

Try this

.sqs-block-summary-v2 {

    .summary-title .summary-title-link,
    .summary-heading .summary-collection-title {
        font-family: 'proxima-sera' !important;
        font-weight: 300 !important;
        font-size: 18px !important;
        color: #ccccc !important;
        text-transform: none !important;
        font-style: none !important;

@media only screen and (max-width: 640px) {
    .user-items-list-simple {
        //change these for side padding on mobile
        padding-left: 4vw !important;
        padding-right: 4vw !important;
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.