Header Image not displaying correctly on mobile

Header Image not displaying correctly on mobile. phoenixparanormalofia.com On mobile I just get the black section. I want the center of the image, with the logo on mobile devices.

Hey there

Thank you for the question
You have a black image on the mobile because logo image is not centered on your image, you need better image where logo (the main character) will be centered on the background image

That doesn’t seem right. It appears in the center on a computer. I have uploaded the image below that shows it centered as well.


Sorry, you are right :slight_smile:

Please add this css in appearance > customize > additional css:

.header-image-bg {
background-position: center center;

Worked perfectly, thank you!

I will close this case now, Feel free to contact us again if you have other questions Thanks!