How to make full width header and footer using Astra & Elementor Pro.

While creating this very website your reading this blog post on – I had the hardest time setting the header and footer to the full length of the screen. 

I watched videos, read blog posts, and articles and still no luck on how to set a full length header and footer using Astra theme builder (free) and Elementor Pro without having to download a plugin or upgrade the builder . 

Have no fear friends – this is what you need to do:

How to set up full width header and footer using Astra template and Elementor Pro:

  • Templates > Theme builder 
  • Edit header and footer using template.
  • While editing the header or footer click on layout and choose the highest custom width (image below). 
You also want to make sure your Astra settings are set to ‘full width’ in the page builder settings and then you should be good to go! 

Hopefully this helps someone who was struggling to find the obvious box to make the adjustment. I suppose it was so obvious to me that I missed it! 

Get marketing trends delivered to your inbox:

4 thoughts on “How to make full-width header and footer using Astra & Elementor Pro. ​”

  1. Hey thanks a lot mate actually I thought for this since a Week and thanks to youtube too. Because now youtube shows Google articles too with showing results of videos, from there I click on your article and luckily I’m at right place and it works.

    Thanks again

Leave a Comment

Your email address will not be published. Required fields are marked *

Book a Discovery Call
with Jennifer Sargeant

Contact Jennifer Sargeant
Hi from Jennifer Sargeant

Get marketing trends sent right to your inbox!