Product price smaller on mobile view only on collection page (Dawn theme)

Solved

Product price smaller on mobile view only on collection page (Dawn theme)

bellevo
Pathfinder
91 0 24

Hey,

Is there a way to reduce the product price size on collection pages for mobile view only? I found a way to adjust the size for desktop but now it’s way too big on mobile view. I couldn’t find a code to only adjust it on mobile. I will add a picture about the issue below.

 

My store url: bellevodesign.com

 

The issue:

IMG_5249.jpeg

Accepted Solution (1)

AnneLuo
Shopify Partner
1291 227 262

This is an accepted solution.

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
   @media screen and (max-width: 768px) {
       .price, .price--on-sale .price-item--regular{
          font-size: 1rem !important;
        }
    }
</style>
 


Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

View solution in original post

Replies 4 (4)

AnneLuo
Shopify Partner
1291 227 262

This is an accepted solution.

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
   @media screen and (max-width: 768px) {
       .price, .price--on-sale .price-item--regular{
          font-size: 1rem !important;
        }
    }
</style>
 


Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

bellevo
Pathfinder
91 0 24

Worked perfectly, thank you!

bellevo
Pathfinder
91 0 24

Do you happen to know how to reduce the padding between the cross over price and the sale price?

AnneLuo
Shopify Partner
1291 227 262

Which part? Can you provide a detailed explanation?

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee