Quick Steps to Create Site Layout using the Site Layouts Module
Step 1: Make sure you have the Astra Pro Addon plugin installed and activated. How to Install Astra Pro Addon plugin?
Step 2: Activate the module from the Astra Options under the WordPress Dashboard > Appearance > Astra Options
Step 3: Visit customizer [ Appearance > Astra Options > Global > Container > Site Layout ] for Site Layout options and settings

You can activate the module from  Appearance > Astra Options > Site Layouts.

With Site Layout module, you can manage the overall layout of the website.

Once you activate the module you can find Site Layout setting under Appearance > Customize > Global > Container > Site Layout

The layout chosen will be applied to the outer wrapper of the site. The default layout will be “Full Width”. Options available with Site Layout modules are explained in individual articles linked below.

• Full-Width Layout
• Max Width Layout
• Padded Layout
• Fluid Layout

Please refer the following document, to begin with, Site Layout.

A website generally has the main wrapper followed by the container.

• The main wrapper consists of header, content, sidebar, and footer — the entire website;
• And the container is the child wrapper that includes a content & sidebar.

When you select the Full-Width Site Layout, the main wrapper of the website goes edge to edge of the browser. Whereas the content is managed by the container width.

You can find the setting to manage Full-Width Site Layouts under Appearance > Customize > Global > Container > Site Layout.

Please refer the following document, to begin with, Site Layout.

A website generally has the main wrapper followed by the container.

• The main wrapper consists of header, content, sidebar, and footer — the entire website;
• And the container is the child wrapper that includes a content & sidebar.

In Max Width Site Layout, the main wrapper of the website is set to a certain maximum width. We have also provided settings for you to control the top and bottom margin, so you can design your website to appear like a real box.

You can find the setting to manage Max Width Site Layout under Appearance > Customize > Global > Container > Site Layout

Other Notes:
If you need to set a background image for the entire site please check this document: Global Colors – Astra Theme.

Please refer the following document, to begin with, Site Layout.

Quick Steps to Enable Fluid Site Layout with Astra
Step 1: Make sure you have the Astra Pro Addon plugin installed and activated. How to Install Astra Pro Addon plugin?
Step 2: Activate the Site Layout module from the Astra Options under the WordPress Dashboard > Appearance > Astra Options
Step 3: Visit customizer [ Appearance > Customize > Global > Container > Site Layout ] and select Fluid as Site Layout settings.

Just as the name suggests — when fluid site layout is enabled, the entire website goes edge to edge of the browser, on all screen sizes.

If you have a website where you have a lot of content; for example blog, online magazine, or for any reason, if you need your entire website including header, footer, and main content area to span across the entire browser on all screen sizes, the Fluid Site Layout is for you.

The setting for Fluid Site Layout can be found under Appearance > Customize > Global > Container > Site Layout

Astra has provided an option to manage the padding on left and right.

On responsive devices, this padding is automatically adjusted.

Please refer the following document, to begin with, Site Layout.

Technically, Padded is just the Full-Width Site Layout, with extra options for the padding across the website edges.

The padding remains consistent even when user scrolls and thus, it results in a neat frame kind of design for the website, seen on many creative websites.

You can find the settings in Appearance > Customize > Global > Container > Site Layout

Note: Padded layouts work best with Full Width / Stretched.
You can manage the padding independently for different devices as we’ve provided that flexibility.

Here is one of the Astra Demo Websites where we have used the padded layout option:
https://websitedemos.net/plant-shop-03/

Other Notes:
If you need to set a background image for the entire site please check this document: Global Colors – Astra Theme.