Header text font size

Hi,

I once asked this question and got a code, which worked at that time.
The code I got then is as show below.

    @media (min-width: 768px) and (max-width: 1199px) {
        .text-slider .maintitle {
            font-size: 25px;
        }

        .text-slider .subtitle {
            font-size: 10px;
        }
    }

    @media (min-width: 1200px) {
        .text-slider .maintitle {
            font-size:20px;
        }

        .text-slider .subtitle {
            font-size: 10px;
        }
    } 

Now, it has a problem.

For a computer screen, the font size is way big and I do not think I can change the font size by putting different numbers in the code.
For iPad, font size is set as 25px and fine, which I can change by putting different numbers in the code.
For a mobile phone, the font size happens to appear fine, but again, I do not think I can change the font size by putting different numbers in the code.

Ideally, I would like to change the font sizes for computer screens, iPads and iPhones respectively.

Can you help, please?
Regards,

Hello there,

I’d like to check your page directly. But when I visited the link you shared, I got “Sorry page missing.”

Is there any other way I can get your page?

Regards,
Kharis
aThemes Support

Hi,

I have figured out that I was making a mistake.
Please disregard this post.

Regards,

1 Like

Great!

Glad to know you got it resolved.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support

1 Like