Previewing the Header Layout on a Page with Elementor

First navigate to your WordPress admin dashboard -> Creativo Elements -> Headers and Edit an existing Header.

Under Settings -> Preview Settings -> Preview Post, we can actually select an existing page, post, product, portfolio item, etc that can be used as a preview for our new header.

Start typing the name of a page for example, and hit the Update button.

After the Update is complete we have to refresh the page.

Now we can see our header appearing on the actual page that was selected in the Preview Post area.

Collapsing the Elementor Panel can give us a good idea on how our Header integrates with the page. This is a great way of tweaking the Header layout and make sure it blends correctly with our content.