adjust portfolio hover font in 7.1 mobile

Site URL: https://sepia-butterfly-e3x7.squarespace.com/

I'm working through adjusting the mobile style settings for my new site but keep running into areas in 7.1 that don't seem to be adjustable without custom code. Does anyone know how I can adjust the size of the hover text in the portfolio when in mobile?

Looks great on desktop but get's really large in mobile. Hoping for some CSS that can let me control that sizing. Desktop and Mobile screen captures attached.

Thanks for your help!

https://sepia-butterfly-e3x7.squarespace.com/

Password: 1234

Perfect, thanks again!

I've been having difficulty with this code on my site. https://auralalterities.com (it's the page right after you click 'enter')

On 2/16/2022 at 9:47 PM, sharine said:

I've been having difficulty with this code on my site. https://auralalterities.com (it's the page right after you click 'enter')

You mean portfolio item titles? Add this CSS

@media screen and (max-width:767px) {
span.portfolio-hover-item-content {
    font-size: 18px;
}
}