Making Post Titles Smaller Font on Mobile

[eevdo]

Hey!
I am using the Magazine Pro theme and I am trying to optimize my site for mobile and would like to make my post title's font smaller when viewed on a mobile device.

How can I do this without changing the size of the font when on a tablet or desktop device?

I tried searching but couldnt find the solution,
Thank you!

[mickmel]

It depends on how you define "mobile device" and "tablet". These themes choose sizes based on the width of the viewport of the device. The smallest on Magazine Pro, by default, is 480px.

Go in your stylesheet to roughly line 2194 (depending on what else you might have added), right below:

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

and add:

.entry-title {
font-size: 24px; /* or a different size if you want */
}

[eevdo]

@mickmel thanks a million! That worked perfectly 🙂

[Author]

Posts