Number of products text, on collection pages, resizes randomly on refresh, on mobile site

[Randal]

Just the title really. It's such a weird error because it's intermittent, the element will be normal size x number of times you visit the page but sometimes it just becomes much bigger. I've tried everything I can think of. Its the text "13 products" in the blue box. 

EDIT: I should point out it only happens on the mobile site.

site is:

https://4330ea-89.myshopify.com/collections/all

See screenshots.

  

[BSS-TekLabs]

- Here is the solution for you @Randal 
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
@media only screen and (max-width: 600px) {
span#ProductCount {
    font-size: 1.4rem !important;
}
}
</style>

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Randal]

Unfortunately this doesn't work. 

[BSS-TekLabs]

What device are you using. I tested on a few of my mobile devices and the error is gone. Can you check again?

[Randal]

Pixel 6a. Please be sure to refresh multiple times up to 10 times. It only happens sometimes.

[BSS-TekLabs]

I tried it on iphone and android devices I have, each device reloaded about 20 times and never got the error again.

[Randal]

Maybe it's just my device. Did you get the error initially?

[BSS-TekLabs · Accepted solution]

I also tried to emulate google pixel 6 device but it also doesn't work. The actual devices I have are also fine. Maybe the problem is only on your device. You can try using another device to check. And the code I gave you is to make sure it always has the same font-size on mobile.