CSS changing summary block text so it's visible in mobile device

Site URL: https://wave-take-two.squarespace.com/

Hello,

i've made these testimonials on my client page scrollable.

But when it goes to mobile it loses the title, any idea on how i can fix this so it shows across devices?

Thanks, site password is dunnedesign

Can you share link to page where you insert Summary? I don't see it on homepage

@tuanphan

hello this is the link

https://wave-take-two.squarespace.com/config/?frameUrl=%2Fteam-1 

trying to make it look like 

https://wave-take-two.squarespace.com/team in style 

thanks

/config is url for site owner.

@tuanphan

Sorry I got confused on my messgae. The orginal post was for help on the clients page:

https://wave-take-two.squarespace.com/clients 

What i'm trying to do on this page is make it so the titles show up on mobile.

As i lose them when it's scaled down.

Thanks,

Carly 

Add to Home > design > Custom CSS

/* Clients page testimonial */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1598640656273_11195 h4 {
    font-size: 20px;
}
}

@tuanphan\

That doesn't seem to have worked, i am using a blog page to host the testimonials and pushing them onto the page with a summary block carousel so that they are scrollable.

Thanks

Carly

@tuanphan

oh that code has worked for the testimonials in the black box but not the ones in the white any idea?

Thank you!

Carly

18 hours ago, dunnedesign said:

@tuanphan

 

oh that code has worked for the testimonials in the black box but not the ones in the white any idea?

 

Thank you!

 

Carly

/* Clients page testimonial */
@media screen and (max-width:767px) {
body#collection-5f3991bc551f1545778392a5 .summary-v2-block h4 {
    font-size: 20px;
}
}