Prices for featured collection changing on desk top preview but not on the actual mobile view

BK01
Visitor
1 0 0

I have added some code to reduce the size of my featured collection text and prices and it seems to have worked when I preview both the desktop and mobile versions, When I open shopify on my mobile though thew prices still look larger. 

Screenshot 2024-06-09 at 3.30.49 pm.png

IMG_FDF46C375C81-1.jpeg

This is the code I am using in the base.css for mobile, I have it at the very bottom

@media only screen and (max-width: 749px){
.price {
font-size: 1rem !important;

 

Replies 2 (2)

TerenceKEANE
Shopify Partner
511 86 78

Hi,

 

First of all, which browsers are you using? For both desktop and mobile, browsers sometimes interpret the code differently. What is the link to your website?

 

Terence.

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites

BSSCommerce-B2B
Shopify Expert
483 91 106

Hi @BK01 ,

 

As for the issue you mentioned, I have reviewed the solution and found that your approach is correct, but seem like you missing } in your css code? Need 2 "}" for fix error convention.

 

@media only screen and (max-width: 749px){
  .price {
    font-size: 1rem !important;
  }
}

 

 

Or, you can try exactly class wrap price is : 

 

 

@media only screen and (max-width: 749px){
  .price .price__container {
    font-size: 1rem !important;
  }
}

 

I tried on my demo store, the result will be: 

 

BSSCommerceB2B_0-1718038227771.png

 

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir! 

 

 

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


B2B Solution & Custom Pricing |BSS: B2B Portal, Quote, Net 30 | BSS: B2B Login Lock Hide Price


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency