Make product title on mobile version smaller

[VinUp]

Hi, i would like to make the product title on the mobile version smaller to about 2rem. How do i do this? 

My website is: https://vinup.nl/en/products/vinyl-record-rack

Many thanks

[Rahul_dhiman]

Hello @VinUp 
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

.product__title h1 {
font-size: 2rem !important;
}

result

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

[VinUp]

Hi thanks, how do i make it for the mobile version only?

[Rahul_dhiman]

add this code in base.css

@media screen and (max-width: 968px) {
.product__title h1 {
font-size: 2rem !important;
}
}

[MustafA16]

<style>
.product__title h1 {
font-size: 2rem !important;
}
</style>

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the <style> tag before the body ----->
if this code work please do not forget to like and mark it solution

[Bundler-Manuel · Accepted solution]

Hi there @VinUp  

I suggest you follow these steps:

Go to Online Store -> Themes -> Actions -> Edit code.

Go Assets folder -> theme.liquid file.

Add the following code in the bottom of the file above </body> tag

<style>
@media only screen and (max-width: 747px){
.product-grid .card__heading {
    font-size: 12px;
}
.product-grid .quick-add__submit {
    font-size: 10px;
}
#MainContent .product__title h1 {
    font-size: 18px!important;
}
}
</style>

Let me know if this works for you!

[VinUp]

Do you know how to make the discounted price smaller? 

[ZestardTech]

Hello @VinUp,

Here are the steps to apply the necessary changes in your Shopify store:

1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
2. Locate Asset > base.css and paste the following code at the bottom of the file:

@media only screen and (max-width: 747px) {
    #MainContent .product__title h1 {
        font-size: 2rem !important;
    }
}

Let me know if you need further assistance!