Display site-title in centre of screen

Regarding the above question, I have just realised that it’s an image of the company name that I need to display in the middle of the screen, instead of the site-title. Is there a way to do this?

Like the site-title, it needs to move up on scrolling while the background image remains static.

Any help is appreciated.

Jane

I have managed to add an image, using the option to add a logo, but it wants to crop it to a square but the image I want to display is rectangular.

Any ideas?

Thanks,

Jane

Hey @jewalker! Can you try using the following css code by going to Appearance > Additional CSS?

.has-header-image.twentyseventeen-front-page .site-branding {
  vertical-align: middle;
}
@media(min-width:48em) {
  .has-header-image.twentyseventeen-front-page .site-branding {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center
  }
}

Thanks so much @properlypurple, that worked perfectly. Also, by reducing the image size I was able to use a rectangular logo.