Homepage Title Font

  • Hello, i am trying to reduce the font size on smaller screens only can you help me, i tried this

    @media (max-width: 768px) {
    .kad_tagline {
    font-size: 14px !important;
    }
    }

    Hi @loraincray

    The code is almost complete, just missing some characters. Try this,

    @media screen and (max-width: 768px) {
    .kad_tagline {font-size: 14px !important;}
    }

    Thanks i have tried it still not working. Do you know how to reduce the font size on smaller screens

    Hi @loraincray

    Try this instead,

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

    h4.entry-title {font-size: 14px !important;}

    }

    That is for mobile phones and tablets only.

    If you want to reduce it for all devices, edit the font-size on line 51 of the style.css file by going to Appearance > Editor.

    Then find h4.entry-title

    Hope that fixes the issue.

You must be logged in to reply to this topic.