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">
    <div class="product__title" {{ block.shopify_attributes }}>
      <h1>{{ product.title | escape }}</h1>
      <a href="{{ product.url }}" class="product__title">
        <h2 class="h1">
          {{ product.title | escape }}
        </h2>
      </a>
    </div>
    <div class="no-js-hidden" id="price-{{ section.id }}" role="status" {{ block.shopify_attributes }}>
      {%- render 'price',
        product: product,
        use_variant: true,
        show_badges: true,
        price_class: 'price--large'
      -%}
    </div>
    {%- if product.quantity_price_breaks_configured? -%}
      <div class="volume-pricing-note" id="Volume-Note-{{ section.id }}">
        <span>{{ 'products.product.volume_pricing.note' | t }}</span>
      </div>
    {%- endif -%}

[ZestardTech]

Hello There,

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

[VinUp]

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

[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;
}
}

[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

[BSS-TekLabs · Accepted solution]

- 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.