[Resolved] Is there a way to adjust header element padding let it fit to iPad screen?

Home Forums Support [Resolved] Is there a way to adjust header element padding let it fit to iPad screen?

Home Forums Support Is there a way to adjust header element padding let it fit to iPad screen?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1348916
    Stephen

    Hi, this is Chris from 10 Magazine. South Korea.
    I am working on building a site for client, now working on adjusting screen sizes on different devices.

    There is only mobile and PC mode on padding adjustment for header element, see link here

    My question is how can I optimize the header padding for Header element?

    Thanks,

    #1349201
    David
    Staff
    Customer Support

    Hi there,

    you can use some CSS like so:

    @media (max-width: 1024px) and (min-width: 769px) {
        .page-hero {
            padding-top: 50px;
            padding-bottom: 50px;
        }
    }

    If its a full width hero that only contains a background image, then % padding can keep the image responsive across all sizes. Just make the total top+bottom padding equal the original images asepct ratio eg. Height / width * 100.

    #1535503
    Stephen

    Confirmed.

    #1535743
    David
    Staff
    Customer Support

    Glad to hear that

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.