• This topic has 5 replies, 2 voices, and was last updated 5 years ago by lech.

Scaling Welcome screen messages

  • 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

    @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.

    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

    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

    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

    This was solved by Hans by email. Thanks

You must be logged in to reply to this topic.