Homepage Title Font

[loraincray]

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;
}
}

[Lea (Support Admin)]

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;}
}

[loraincray]

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

[Lea (Support Admin)]

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.