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.
