Why aren't my bold text edits displaying on mobile Safari?

[ElumaLuxxx]

I codes I've used below make the text bold when I'm editing my store in mobile view, but if I actually go into safari and view my phone, none of the bold actually shows. It does show on desktop, but not mobile. The codes are the make the price bold, the 'Add to Cart' bold, and the product title bold.

.price {
font-weight: bold !important;
}

.product-form__buttons {
max-width: 25rem;
}
.product-form__submit{
font-weight: 700;
}

.product__title h1 {
font-weight: bold;
}

In this photo you can see on the left view when editing my store in mobile view it shows, but on the right in safari it doesn't.

[Made4uo-Ribe · Accepted solution]

Hi @ElumaLuxxx 

Did you try to add in the theme.liquid code file? 

• From your Shopify admin dashboard, click on "Online Store" and then "Themes"
• Find the theme that you want to edit and click on "Actions" and then "Edit code".
• In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
.price {
font-weight: bold !important;
}
.product-form__buttons {
max-width: 25rem;
}
.product-form__submit{
font-weight: 700 !important;
}
.product__title h1 {
font-weight: bold !important;
}
</style>

And Save. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[ElumaLuxxx]

Hi Made4uo-Ribe,

It works! Thank you so much.