Changing header width

  • Unknown's avatar

    Hi there. I’m trying to figure out how to change my header width so it doesn’t take up the whole page everytime it’s opened. Can someone help? I use the free version of wordpress.

  • Hi, you might try uploading a much shorter header to see if that helps. Otherwise you’d either need a plan that supports CSS, in which case you could add this:

    @media screen and (min-width: 46em) {
      .site-header {
        margin-bottom: 3.2em;
        overflow: hidden;
        max-height: 400px;
      }
    }

    Or, you could switch to a theme that inherently has a shorter header. You might like Gateway for example:
    https://wordpress.com/theme/gateway

    It has a larger front-page image, and a shorter header on inside pages.

  • The topic ‘Changing header width’ is closed to new replies.