How to change home hero header text size on mobile version

HI,

I changed home hero header text size on PC view, but nothing changed on my mobile view, text is also too big, how I could change it ?

Hello there,

You can change it with this CSS code:

    @media only screen and (max-width: 1199px) {
      .home .header-text h2 {
        font-size: 36px;
      }
    }

    @media only screen and (max-width: 767px) {
      .home .header-text h2 {
        font-size: 22px;
      }
    } 

Regards,
Kharis

Thanks.

One more question, how to change another header text size (under H2 text).

Hello there,

You can use this CSS selector:

    .home .header-text p {
      
    } 

Regards,
Kharis