Home › Forums › Support › How to make Page Header Mobile Friendly? This topic has 1 reply, 2 voices, and was last updated 3 years, 4 months ago by David. Viewing 2 posts - 1 through 2 (of 2 total) Author Posts October 1, 2019 at 1:17 am #1023081 Ravi Dixit I have created a header for my blog post, it is working good on Desktop. But it is not mobile-friendly… You can see here: https://prnt.sc/pd8y73 How can I make it mobile friendly? October 1, 2019 at 4:59 am #1023209 DavidStaff Customer Support Hi there, instead of using the <font> and <center> tags: 1. You can set the horizontal alignment to center in the header element. 2. Use CSS to resize the Heading: /* Desktop */ .page-hero h1 { font-size: 80px; } /* Mobile */ @media (max-width: 768px) { .page-hero h1 { font-size: 40px; } } Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ Author Posts Viewing 2 posts - 1 through 2 (of 2 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In