[uxer55]

Hi. How do I position the header image with custom CSS? Basically, my head is cut off in the picture, so I want to move it down a little bit. Thanks.

[serkan]

Hi,
Could you provide me your related url, please?
Thanks

[uxer55]

Thanks. It is imakestuff.online

[serkan]

Hi,
You can use this custom css code; (You can increase 11% if it is needed)

.header { padding: 11% 1em 5em; }

Thanks

[uxer55]

Thanks. So at first, I thought this was perfect. However, I just realized that on some desktop devices, the header image is so big that the user cannot see anything below it without scrolling. That is a problem for me. I want them to be able to see some of the page content always, so they know they can scroll down.

Is there a way just to shift the position of the image, without making the actual header container larger?

Thank you for your help as always!

[serkan]

Hi,
Remove that custom css code and try to use it.

.header { background-position: 55% 45%; }

Thanks