Skip to content
Public Ticket #12072

Grid Post Title Font Size on Mobile

Conversation thread

PenciDesign replied

6 years ago
Staff Reply

Hi,

For ajust font size for both version desktop & mobile, please replace the code in your ticket to this CSS code:

ul.penci-grid .header-standard h2 a{ font-size: 28px; }
.penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a{ font-size: 22px; }

If you want to ajust font size for mobile only, please add more this code to Customize > Custom CSS:

@media only screen and (max-width: 480px){
ul.penci-grid .header-standard h2 a{ font-size: 24px; }
.penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a{ font-size: 20px; }
}

Best Regards,

PenciDesign

migratingmiss started the conversation

6 years ago
Conversation Start

Hi, 

I have adjusted the font size of the titles on the grid posts on the homepage on desktop with this code I found on someone elses support:

@media only screen and (min-width: 481px){
ul.penci-grid .header-standard h2 a{ font-size: 28px; }
.penci-grid li .item h2 a, .penci-masonry .item-masonry h2 a{ font-size: 22px; }
}

However it didn't seem to change the size of the post titles on the homepage on mobile. Could you please let me know how to adjust that?

Thanks

Want to join this conversation or access attachments? Sign in first.

Login to Reply