[Support request] How to make Page Header Mobile Friendly?

Home Forums Support How to make Page Header Mobile Friendly?

  • This topic has 1 reply, 2 voices, and was last updated 12 months ago by David.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #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?

    #1023209
    David
    Staff
    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;
        }
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.