Headlines are way to big on mobile application, like iphone

[dermat]

Dear support team,
i am starting to finalize this website and while checking visual appearance on iPhone i realized that all headline, except on the slider are huge. why aren‘t they scaling down? How can i reach, that they will appear smaller?

many thanks,
katrin

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@media screen and (max-width: 479px) {
h1, .impact-text, .impact-text-large {
    line-height: 20px !important;
    font-size: 20px !important;
}
}

Thanks
Mohammad

[dermat]

ok, thanks for that.
and is it possible to define a second size for tablet? so from 450 till max width of 768 (portrait format)?
cause here the headline still look too big, but as small as on phone wouldn‘t make sense…

please check out the screenshot as well. Thanks

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please remove the last code and use this new code:-

@media screen and (max-width: 767px) {
h1, .impact-text, .impact-text-large {
    line-height: 20px !important;
    font-size: 20px !important;
}
}

Thanks
Mohammad