Happening now! Shopify Community AMA: PayPal Express Migration to Shopify Payments | Ask your questions to be answered by our team.

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

Solved

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

Randal
Excursionist
18 0 7

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-042106.png

  

Accepted Solution (1)
BSS-TekLabs
Shopify Partner
2350 688 806

This is an accepted solution.

BSSTekLabs_0-1725684938394.png

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.

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 7 (7)

BSS-TekLabs
Shopify Partner
2350 688 806

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

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg

- 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.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Randal
Excursionist
18 0 7

Unfortunately this doesn't work. 

BSS-TekLabs
Shopify Partner
2350 688 806

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

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Randal
Excursionist
18 0 7

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

BSS-TekLabs
Shopify Partner
2350 688 806

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

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Randal
Excursionist
18 0 7

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

BSS-TekLabs
Shopify Partner
2350 688 806

This is an accepted solution.

BSSTekLabs_0-1725684938394.png

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.

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now