Product Title Too Big on Mobile

Here is an example link https://everlastinganimals.com/product/petsafe-scoopfre/

Hi there,

It looks like your theme provides a fixed size for the product title.

This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:
?

/* Change size of product title on mobile screens */
@media screen and (max-width: 767px) {
	.product_title {
		font-size: 2rem;
	}
}

I based the maximum size of 767px on the other mobile changes on the page you provided.
?
If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

Unfortunately that didn’t work. I’ll have to keep trying.

Hi @prodj49

Try to replace the above CSS code with this new CSS code.

@media screen and (max-width:480px){
.woocommerce div.product .product_title {
    font-size: 18px;
    font-weight: bold;
}
}

The final output should be this: https://screencast-o-matic.com/i/c36tq2Vu3y3

You can change the font size 18px according to your requirements.