Custom font on Summary Block not showing on Mobile View

abigailallen · October 27

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:

Quote

.sqs-block-summary-v2 {
.summary-title,
.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!

jaeveedee · October 27

@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;
    }
}

abigailallen · October 27

@jaeveedee Thanks a lot, that all worked! Appreciate it 👏

Custom font on Summary Block not showing on Mobile View

Recommended Posts

abigailallen

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

abigailallen

Posted Images

jaeveedee

Link to comment

abigailallen

Link to comment

Create an account or sign in to comment

News

abigailallen

Events

Circle Day

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources