Change font size of product page title in debutify without changing in theme setting

Store Design
1

Hi, anyone know how to change the font size of product page title without changing heading font size in theme setting? I want my product page title font size be bigger in mobile but I don’t want to affect my other heading font size.

Here is the preview of my site: https://0100ilb9a9cmo8q9-65257898202.shopifypreview.com

Any help would be appreciated!

Thanks.

1 Like
2

@JohnLiam231

Add this code in the bottom of theme.scss.css file.

h1.product-single__title {
    font-size: 16px !important;
}
3

@JohnLiam231 ,

oscprofessional_0-1656050641361.png
oscprofessional_0-1656050641361.png1447×808 90.3 KB

4

Thanks, it works but it also affect the size in desktop, is there any way can make it just affect the size in mobile?

5 
@media only screen and (max-width: 600px) {
h1.product-single__title {
    font-size: 16px !important;
}
}

Add this code in the bottom of theme.scss.css file.

@JohnLiam231

1 Like
6

Thanks, it work