Mobile Product Heading Sizing Issues

Solved
Tourist
53 0 1

I added product benefits to the Vendor field for my store so they would show up right below the product titles. On desktop it looks perfect -- the font is the same size in both fields (https://illuminatelabs.io/products/ceylon-cinnamon-extract). On mobile the font for the product benefit "Supports Blood Glucose..." is larger.

 

Does anyone have an idea why this might happen or how to resolve it?

0 Likes

Success.

Shopify Expert
665 170 199
This is Evita from On The Map.
 
1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file
@media only screen and (max-width: 768px){
   .product-single__vendor {
     font-size: 1.875em!important;
   }
}
 
Best,
Evita
On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Tourist
53 0 1

Thank you so much!

0 Likes