make price font size smaller mobile only

[sixdreamz]

hey, i would like to change to font size of the prize for mobile layout only

can you help me?

url: sixdreamz.com

password: sdc2003

[Tech_Coding]

Hello @sixdreamz 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px){
   .price__regular .price-item--regular {
        font-size: 12px !important;
    }
}
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Rahul_dhiman · Accepted solution]

HEllo @sixdreamz 
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> component-price.css
add this code at the end of the file.

@media screen and (max-width: 749px) {
.price__regular .price-item--regular {
font-size: 12px !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[BSSCommerce-B2B]

@sixdreamz ,
Step 1: Go to Admin -> Online store -> Theme > Edit code

Step 2: Search for the file theme.liquid

Step 3: Add this code before </body> tag

<style>
@media screen and (max-width: 749px) {
.card-information .price * {
   font-size: 10px !important;
}
</style>

Result:

[Sangeetanahar]

hello @sixdreamz 

Go to online store ----> themes ----> actions ----> edit code ---->assets ---->component-price.css...> add the code end of the file

 @media screen and (max-width: 750px) { 
span.price-item.price-item--regular {
    font-size: 12px;
    font-size: 12px !important;
}

   
}

If this was helpful, hit the like button and accept the solution.
Thanks

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

@media screen and (max-width: 767px){
.price-item.price-item--regular {
font-size: 10px !important;
}
}