Header Image not displaying correctly on mobile

Shapely
#1

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.

#2

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

#3

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.

#4

Hello

Sorry, you are right :slight_smile:

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

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

#5

Worked perfectly, thank you!

#6

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