Hi @jill22marie,
Thanks for choosing Neve!
Firstly I’d like to mention that we encourage our users to open a new topic for their issue even if it may seem similar to others, as it is possible to be actually different than other issues that were reported on the forum, so don’t worry, it’s not a problem at all that you couldn’t reply to another thread that raised a similar issue. This is a general recommendation per the forum guidelines as well.
Now getting to the actual issue, Neve is a mobile friendly and completely responsive theme. However, the cover image from the hero section you are referring to isn’t displayed on mobile the same as it is on desktop due to the size of the mobile screen and of the hero section it occupies. That image is a cover image, which means it has to occupy that entire hero section, so the image will be automatically cut to fit the available space and the entire section it occupies. One thing you could do is to overwrite the background-size property of that image, which is currently set to cover, by adding the code below in the Additional CSS section within the Customizer.
@media (max-width: 768px){
.wp-block-cover.aligncenter.has-background-dim-10.has-background-dim.has-parallax.has-background-gradient {
background-size: contain !important;
background-repeat: no-repeat !important;
}
}
It will display the entire image, but smaller, and there will be empty spaces above and below it on mobile devices because it won’t be a cover image anymore, so it won’t occupy the entire height of that section- screenshot.
Another option would be to remove the “background-repeat: no-repeat !important;” line from the code provided above, in which case those empty spaces will be filled with the image repeating itself – screenshot.
I hope this helps!
Have a nice day!
