Welcome page Title text not resizing

  • Hello,

    The Welcome Title Line 1 text in my homepage does not resize for mobile view. This overcrowds the display. Is there some setting I am missing?




    You can tweak the size of the titles in the welcome section for mobile devices by editing the style.css file.

    Go to Appearance > Editor and select style.css.

    Then go to the bottom, you will see the following code.

    .hero h1 {
    font-size: 60px !important;
    line-height: 60px !important;
    .hero h2 {
    font-size: 45px !important;
    line-height: 45px !important;

    You can change the number you see (60 or 45) to adjust to your needs.

    In the next release of the theme we will be providing and easier solution for setting the font size on mobile devices.

    Thanks Hans. That didn’t exactly work but it got me on the right track. I copied the entire @media (max-width: 480px) section into the Custom CSS code box, changed the font size and it works now. Appreciate the quick response.


    Hi Doug,

    Yup that works too. That gives you a additional option to customize the CSS and override the style.css file.


You must be logged in to reply to this topic.