Image Block Title Mobile Sizing on Mojave (Brine)

Hello-- I'm going a bit crazy trying to change the size of an image block title (and subtitles) for mobile on a Mojave page. 

This is what I've tried that isn't working:

@media screen and (max-width:640px) {
.sqs-block.image-block .image-title-wrapper { font-size: 20pt !important; }
}

and also

@media screen and (max-width:640px) {
.image-title {
   font-size: 20pt !important;
}
.image-subtitle-wrapper {
   font-size: 3vw !important;
}
}

Neither of those are working.

Thanks!

@camfont Can you share link to your site?

Hello tuanphan -- I actually switched to text block + image block so that I could wrap text, so for now this issue is solved. Thank you!

Hi @tuanphan, You helped me previously and I need help on another page of my site. https://disc-hen-mahn.squarespace.com/ourdresses On this page the text is too large and I need it smaller, please can you help 🙂

10 hours ago, palnoch said:

Hi @tuanphan, You helped me previously and I need help on another page of my site. https://disc-hen-mahn.squarespace.com/ourdresses On this page the text is too large and I need it smaller, please can you help 🙂

Desktop or mobile? and Which text?

9 hours ago, tuanphan said:

Desktop or mobile? and Which text?

On mobile, the text that says 'have a gander at our wardrobe...' thank you

38 minutes ago, palnoch said:

On mobile, the text that says 'have a gander at our wardrobe...' thank you

Add to Home > Design > Custom CSS
@media screen and (max-width:640px) {
div#block-8bf7bde8a3d6284abb07 h1 {
    font-size: 10px;
}
}

2 hours ago, tuanphan said:

Add to Home > Design > Custom CSS
@media screen and (max-width:640px) {
div#block-8bf7bde8a3d6284abb07 h1 {
    font-size: 10px;
}
}

 

Thank you!

2 hours ago, tuanphan said:

Add to Home > Design > Custom CSS
@media screen and (max-width:640px) {
div#block-8bf7bde8a3d6284abb07 h1 {
    font-size: 10px;
}
}

 

Hi, thans but it still goes offscreen on my iphone 11, please see image

@palnoch Try

@media screen and (max-width:640px) {
div#block-8bf7bde8a3d6284abb07 h1 {
    font-size: 10px !important;
}
}

On 12/16/2019 at 11:22 PM, tuanphan said:

@palnoch Try

@media screen and (max-width:640px) {
div#block-8bf7bde8a3d6284abb07 h1 {
    font-size: 10px !important;
}
}

 

THANKS SO MUCH for this @tuanphan . I've now got a major issue on my site where the font is changing by itself. I originally had Futura for headers and Proxima Nova for body, but now it looks all weird. I don't know what has happened. Can you please help?

Many thanks!