Themes Font Scale on mobile

[Sonya*]

When I scale font size in the theme editing, it does not apply to mobile font size. It is still small.

I use default theme with slightly changed colors via Easy Mode Editor. No custom CSS.

[Jim M]

Marked this for a developer to review and let you know on your question here. Thanks.

[Ryan Ashbrook]

Thank you for bringing this issue to our attention! I can confirm this should be further reviewed and I have logged an internal bug report for our development team to investigate and address as necessary, in a future maintenance release.

 

[Sonya*]

Follow up: in the meantime on every IPS project I see a warning in Google Search Console:

This is resolved after adding this CSS in custom.css

/**
 * Font size for mobile */
@media screen and (max-width: 767px){
.ipsType_normal {
    font-size: 16px;
}
.ipsDataItem_title {
    font-size: 16px;
}
.ipsType_medium {
    font-size: 16px;
}
.ipsStreamItem_title {
    font-size: 18px;
}
.ipsStreamItem_titleSmall {
    font-size: 16px;
}
.cWidgetPrice {
    font-size: 11px;
}
}

Probably, you have to change font-size in mobile templates generally to avoid this for ALL customers. And yes, I know, it is a suggestion and I have to post it into feature suggestions... For me, getting errors in Mobile Usability (GSC) check is a bug in IPS default theme, that should be resolved regardless any suggestions made. 🧐

Edited June 7, 2022 by Sonya*