TASTE THEME: Make product title smaller for mobile only

[PRETTYFRIDAYS]

Hey, I am designing my store but I have one problem, I want to have the product title larger on the product page on mobile, without it affecting my desktop version. Does anyone know how to? Thanks in advance!

THEME: TASTE

LINK:https://e8aaa0-3.myshopify.com/

PASSWORD: mohwhi

[Abdosamer]

@PRETTYFRIDAYS , you want it larger or smaller?

[PRETTYFRIDAYS]

smaller

[Abdosamer]

@PRETTYFRIDAYS , go to section-main-product.css and add the following:

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


}

[niraj_patel · Accepted solution]

hello @PRETTYFRIDAYS

You can add code by following these steps:

1. Go to Online Store -> Theme -> Edit code.
2. Open your section-main-product.css file

3. Paste the below code 

[PRETTYFRIDAYS]

Thanks for helping, do you also have a code to make the description smaller on mobile/

[niraj_patel]

Hello @PRETTYFRIDAYS

You can add code by following these steps:

1. Go to Online Store -> Theme -> Edit code.
2. Open your section-main-product.css file

3. Paste the below code 
@media screen and(max-width:750px){
   .product .product__description.rte.quick-add-hidden{
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
        line-height: 24px;
    }
}