Page header image size

I am trying to change the header images on my pages. I have changed the About page, seen here I know how to change my other pages, but I am having an issue with the size of the image. What size should I export the images as if I want the entire image to show? Right now the image is set to 1560 px wide by 267 px tall and 72 dpi. But when I view the page it is only showing a small part of the image. I have attached the image I am using so you can see what I want showing and if you look at the link above you will see what is showing.


That happens because of parallax effect. You can either use higher image (in terms of aspect ratio, 16:9, 4:3, etc.) or try to use the following CSS code in order to disable header image parallax.

You can add CSS code in Customize → Additional CSS section.

.ignis-hero-area {
    background-attachment: scroll;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thanks Roman. That worked.

Great! you are welcome :slight_smile:

Kind Regards, Roman.