Archived topic

How to make Page Header Mobile Friendly?

1 reply · Started by Ravi Dixit on October 1, 2019

Viewing posts 1–2 of 2

October 1, 2019 at 1:17 am #1023081

I have created a header for my blog post, it is working good on Desktop.

But it is not mobile-friendly...

How can I make it mobile friendly?

October 1, 2019 at 4:59 am #1023209

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

This archived topic is closed to new replies.