Change font for prodct title on mobile in product page

Store Design
,
1

Hello people,

I have this store - www.oversized-tees.com ; I am using studio theme. In the product page, the product title is too big. I managed to decrease it, editting the code but it won’t change for the mobile version. The product title in the mobile version stays big and won’t change. Can someone please help me out?

2

Hey, add the following code to the bottom of your section-main-product.css file.

@media only screen and (max-width: 750px) {
  .product__title>* {
    margin: 0 !important;
    font-size: 3rem !important;
	}
}
3

Hi @zlati84 ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

I realize this situation isn’t exactly what you’d hope for, but I’ve got a potential solution that I’d like to share with you:

  1. Go to Online Store → Theme → Edit code.
  2. Open your assets/section-main-product.css file.
  3. Add the code at the end of the file:
.product__title h1 {
    font-size: 25px;
}

Beae_Anthony_0-1692721097740.png
Beae_Anthony_0-1692721097740.png357×649 152 KB

Best regards,

Anthony

4

it had 0 effect. still unchanged the font for mobile.

5

not working as well.

367930437_1415216252359029_6590058172477364794_n.jpg
367930437_1415216252359029_6590058172477364794_n.jpg946×2048 107 KB

6

I did work out in the end. I was putting it in the wrong place…Thanks a million u are a life saver! God bless you!