Make price bigger

[VinUp]

Hi,

I want to make my pricing bigger for mobile only in this piece of code. How can i do this?

div class="large-up-hide medium-hide product-infomation">
    
      # {{ product.title | escape }}
      
        ## 
          {{ product.title | escape }}
        
      
    

    
      {%- render 'price',
        product: product,
        use_variant: true,
        show_badges: true,
        price_class: 'price--large'
      -%}
    

    {%- if product.quantity_price_breaks_configured? -%}
      
        {{ 'products.product.volume_pricing.note' | t }}
      

    {%- endif -%}

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[BSS-TekLabs]

Hello @VinUp .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

[VinUp]

You can use this URL: https://vinup.nl/en/products/springsteel

[VinUp]

You can use this URL: https://vinup.nl/en/products/springsteel

[BSS-TekLabs]

• Here is the solution for you @VinUp
• Please follow these steps:

• Then find the base.css or theme.css file.
• Then add the following code at the end of the file and press ‘Save’ to save it.

@media only screen and (max-width: 600px) {
.price--on-sale .price-item--regular, .price .price-item {
     font-size: 24px !important;
}
}

• Here is the result you will achieve:

• Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

[ZestardTech]

Hi @VinUp

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 only screen and (max-width: 768px) {
.price--on-sale .price-item--regular, .price .price-item {
font-size: 25px !important;
}
}