I tried many css codes that I found using the search function but none of them are affecting the font size of my headings in the blog posts. My h2 font is huge on mobile and I would like it to be smaller. Any suggestions?
Hello Shane,
Thanks for writing in!
To adjust the font size on mobile devices, please use following CSS under X > Theme Options > CSS:
@media only screen and (max-width: 600px) {
.entry-title {
font-size: 180% !important;
}
}
1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g
2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI
Thanks.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.