Scaling Welcome screen messages

[lech]

Hi Hans,

on the welcome screen you can display several text messages. However on the mobile devices the text seems to be too big. Is there any way to scale the text on the mobile devices automatically for better user experience?

Thanks,
Lech

[Hans (Support Admin)]

@lech

Yes you can use media queries like this,

@media only screen and (max-width : 1200px) {

}

@media only screen and (max-width : 979px) {

}

@media only screen and (max-width : 767px) {

}

@media only screen and (max-width : 480px) {

}

@media only screen and (max-width : 320px) {

}

You can find them at the bottom of your style.css file.

[lech]

Thanks Hans, these sections are almost empty

Could you please advise which exact code I should use to steer the font size, depending on the device?

Many thanks,
Lech

[Hans (Support Admin)]

Hi Lech,

You need to use media queries to target specific screen sizes.

Read more here https://scotch.io/tutorials/default-sizes-for-twitter-bootstraps-media-queries

[lech]

Hi Hans,

I appreciate your help but your advise here is not practical. I bought media responsive template. And one of the things that do not work is this “Hero 1 title”. The others work good, but with this one not. When you go to smaller devices the size of the text is actually bigger. I want them to be adjusted (being smaller!) without breaking the words. I tryied myself but it does not work.

I know I am taking a lot of your time, but I want to ensure the web site work properly and professionally and your templates deserve for a good presense.

Thanks
Lech

[lech]

This was solved by Hans by email. Thanks