Part 1: To create custom header
Step 1: Create a header block
Go to dashboard ► Appearance ► Header Footer & Blocks ► Add New
Give block name & select header in type of template.
Now select where you want to display the header and click Publish.
Step 2 : Design the header section
Click Edit with Elementor & click the plus icon and select layout.
Now design the header by adding elements.
To change the look of your header in mobile view,
Go to elementor editing page & change the responsive mode to Mobile.
Part 2: To create a custom footer.
Step 1: Create a footer block
Go to dashboard ► Appearance ► Header Footer & Blocks ► Add New
Name your block & select Footer in type of template.
Now select where you want to display the footer & click ‘Publish’.
Step 2 : Design the Footer section
Click Edit with Elementor & select a layout by clicking the plus icon.
Now you can start designing your footer by adding elements.