Home Forums Air HTML Theme Create class to resize h1 in mobile

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #22904
    martalongan
    Participant
    Purchased
    Supported

    Hello!

    I have a problem with the size of the fonts on my website when they are displayed on mobile, what can I do? they don’t get small 🙁

    Thanks!

    #22905
    martalongan
    Participant
    Purchased
    Supported

    Sorry, my web is: http://www.martalongan.es and the problem is here: https://www.martalongan.es/index.php/sobre-mi/ the text:
    +10 years of experience is a giant in mobile, for exemple…

    #22911
    SeaTheme
    Keymaster
    Purchased

    Hi,

    I checked your website, I found you use inline font size 60pt. Please try to use VW unit, like font-size: 9vw;

    Regards!

    SeaTheme – SeaTheme.netTwitterFacebook

    #22925
    martalongan
    Participant
    Purchased
    Supported

    Thanks for your quick response 🙂

    It is a good solution but for the mobile to look the correct size in the desktop version it must be giant and it does not look good 🙁

    Can I make the mobile have one size and the desktop another?

    Thanks! 🙂

    #22926
    SeaTheme
    Keymaster
    Purchased

    Hi,

    Please remove the font-size from the inline style, use the class, like :
    <p><span class="h1-custom" style="font-family: Sen; color: #030814;">años de experiencia</span></p>

    Define font size by the custom CSS(“Appearance > Customize: Additional CSS”), like:

    .h1-custom{
      font-size: 7vw;
    }
    @media(max-width:767px) {
    /*mobile*/
      .h1-custom{ font-size: 5vw; }
    }

    Regards!

    #22931
    martalongan
    Participant
    Purchased
    Supported

    Great! now yes, solved.

    Thank you!

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!