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

Store Design
,
1

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.

Screenshot_20240907-042053.png
Screenshot_20240907-042053.png1080×2400 387 KB

Screenshot_20240907-042106.png
Screenshot_20240907-042106.png1080×2400 367 KB

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

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg
z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg1865×854 94.6 KB

  • Then find the theme.liquid file.
  • Then add the following code at the before tag and press ‘Save’ to save it.
  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
3

Unfortunately this doesn’t work.

4

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

5

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

6

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

7

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

8

BSSTekLabs_0-1725684938394.png
BSSTekLabs_0-1725684938394.png431×881 290 KB

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.