cdavenport

Thank you for your response. I have indeed been able to get the welcome message to show by removing this custom CSS:
@media only screen and (min-width: 50px) {
.welcome-info {
top: 350px;
bottom: 10px;
right: 350px;
left: 350px;
width: auto;
}
}
and adding the following:
@media only screen and (min-width: 768px) {
.welcome-info {
top: 350px;
bottom: 10px;
right: 350px;
left: 350px;
width: auto;
}
}

@media only screen and (max-width: 767px) {
#masthead.site-header {
height: 100vh;
}
#masthead.site-header img.header-image {
display: block;
object-fit: cover;
height: 100%;
}
}

If possible I would now like to re-proportion the header image on mobile. Currently just a strip from the middle of the image shows (about the width of text). Using the image ‘as is’ without the ‘img.header-image’ piece of code above doesn’t work because it makes the image smaller than the text and makes the last line of text disappear, but ideally a little more of the image width would show and it wouldn’t be quite so tall -right now you have to scroll down quite far to get to the content. Any ideas? Thanks so much!