Astra Pro header hiding Elementor text

We are building a site with Astro Pro and Elemontor. The header is designed in Astro, but the header goes over the Elementor display area. The elementor block does not begin under the header, but behind the header.
When editing the page in Elementor, the block is above the header, but when displayed, it slips behind.

How can we make the Elementor display area appear below the header, so the header does not overlay the text?

This is what it looks like in the Editor. I give an example of a page with just an image as it it easy to see, but all the pages are like this.

Below is what it looks like when viewed:

THe top part of the image is hidden behind the header.

It is probably just a setting somewhere, but I have no idea where. I have checked the settings of Astro and Elementor, but cannot find anything.

Thanks, Andre

The page I need help with: [log in to see the link]


This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer