How to swap header or footer in Elementor pages

Actually just found another problem related to headers and footers. I went to make a Maintenance Mode template, which did in fact use my customized header and footer. The problem is, the header appears at the bottom, below the footer. The same thing happened on my post titled “Test Post Blog”. With the header and footer not accessible in the Structure panel, how did the header get moved to the bottom, and how do I move it back? (The header appears at the top like it should on the Home page.)

Hi @dixonds,

Could you please provide us a screen recording showing the steps you took to create the headers and footers, and the Maintenance Mode template? You can use tool such as loom.com to record your screen.

Looking forward to your reply.

Kind regards,

Sadly, I don’t know how to attach things to the forum post. Basically, I just customized my regular theme header in the usual way: AdminPanel>Appearance>Editor>Patterns>Header, customize, save. It appeared properly on my front page, which is edited in Elementor.

Then I was trying out different things in Elementor, and trying out some plugins, and generally exploring, because this is my first crack at making a website. I wanted to make a maintenance mode page, because I don’t like tinkering around with trial and error in public, and I felt I could do better than Hostinger’s default page. AdminPanel>Elementor>Tools>Maintenance Mode> click on “create one now” > Edit with Elementor. The blank slate it gives me to customize has the Header at the bottom, below the Footer, and no way to grab it. You can see this as I have put the site in maintenance mode for you.

Then I noticed that it was on the bottom of the posts I had edited in Elementor, and Elementor has no way to access the Header or Footer in the Structures view like you can in List View of the WordPress editor. And, on the pages provided by Elementor, I can’t change or swap the header-footers at all, I’m stuck with what Elementor says, right? So I’d basically have to build the Contact Us page and all them from Elementor from scratch, if I want to use my own header-footer on them, right? Or is there a way to work on headers and footers within Elementor?

Oh, wow, I just fixed the header-at-bottom problem: I found my Single Posts template had the header at the bottom below the footer and moved it to the top and that fixed not only the posts, but also the Maintenance Page! Who knew the Maintenance Page was actually a Single Post?

Thanks very much for your help, sorry for the false alarm about Header location. I am already easily confused, and when all this started happening at once I wasn’t yet knowledgeable enough to realize it was actually two separate issues. Now the only question is how to edit or swap out headers within Elementor. Anxiously awaiting your response, Kind Regards.

Hi @dixonds,

Thank you for sharing your experience and providing detailed information about your website customization process. I’m glad to hear that you were able to resolve the header location issue on your own!

Regarding your question about editing or swapping headers within Elementor, to have more advanced customization options for headers, you may consider upgrading to the Elementor Pro version. With Elementor Pro, you gain access to the Elementor Theme Builder, which allows you to design and customize headers and footers using Elementor’s intuitive drag-and-drop interface.

Thank you for your patience and understanding.

Kind regards,