Header Image: Can I make it more narrow?

  • Unknown's avatar
    leonulman · Member ·

    I enjoy to have the header image behind the gravatar and title of my site, but I would love to have it more narrow as it pushes all the content out of the frame. Is that possible? Thanks for answering, Leon

    The blog I need help with is: (visible only to logged in users)

  • supernovia · Staff ·

    It should be full width. Do you mean you’d like to make it shorter so that your content has space below it?

    If so, you can adjust it by changing the numbers on this CSS:

    @media screen and (min-width: 62em) {
.has-header-image #hero-header {
    padding: 16.6vh 3.5em;
}
}

/* for smaller screens */

@media screen and (min-width: 48.9375em){
.has-header-image #hero-header {
    padding: 10vh 3.5em;
}
}

    Paste that into your Customize > CSS section, then change 16.6vh and 10vh to something smaller. You can play with it to see what looks good to you.

    Then use the buttons at the bottom to preview in different screen sizes.

    Let us know if I’ve misunderstood, or if you otherwise need more help!

  • The topic ‘Header Image: Can I make it more narrow?’ is closed to new replies.