No results found. Try again with different words?

Search must be at least 3 characters.

Recommended Settings for Elementor and the Astra Theme

Sidebar Image

Did not find a solution? We are here to help you succeed.

When using the Elementor page builder, it is recommended to use a Full-Width layout with Page Title and Sidebar disabled. That way, everything possible in the content area can be designed from Elementor without any restrictions.

The good thing about Astra is its inbuilt compatibility with Elementor. When you design a new page with Elementor, Astra automatically sets the Full-Width layout without Page Title and Sidebar. That way, users can immediately start creating their pages without making any additional settings. Here is a video that explains how this works:

Let us show you how to do this manually with step-by-step instructions:

Disable Sidebar and Title

Astra offers options to turn off Page / Post Title and Sidebar easily in the Astra Meta Settings.

Note:

Since Astra Theme 3.7.4 version Astra Settings are available as a separate sidebar panel. You can access Astra Settings by clicking on the Astra icon in the Block editor toolbar, or through editor options (three-dot menu). For more details, please check the “Astra Meta Settings” article.

Follow these steps to disable Sidebar and Title using Astra Settings:

Step 1 – Navigate to your Pages or Posts list from your Dashboard;

Step 2 – Click on “Edit” under the page or post name to open editor;

Step 3 – Open the “Astra Settings” panel;

Step 4 – Click on the “Sidebar” dropdown and select “No sidebar”;

Step 5 – Under the “Disable Sections”, check the “Disable Title” option; Update the page or post.

You will find the Astra Settings on every page and post, so you can modify the settings where needed.

Astra Settings: Disable Title and Sidebar

Full Width / Stretched Layout

From the various layout options that Astra offers, the “Full Width / Stretched” layout is the best for Elementor if you need full-width pages. This layout gives Elementor full control over the container and gives you the freedom to design posts and pages the way you want.

To set this navigate to “Astra Settings” on your page or post and set the Content Layout:

Step 1 – Navigate to your Pages or Posts list from your Dashboard;

Step 2 -Click on “Edit” under the page or post name to open editor;

Step 3 – Open the “Astra Settings” panel;

Step 4 – Click on the “Content Layout” dropdown and select “Full Width / Stretched”; Update the page or post.

Astra Settings: Set Full Width Layout

Migrating from other Theme to Astra?

If you’re switching to Astra Theme from some other theme, you might need to make these changes on a large number of pages or posts built with Elementor. In this case, you can use our free “Astra Bulk Edit” plugin. Read more about it here.

Was this article helpful?
Sidebar Image

Did not find a solution? We are here to help you succeed.

Related Docs

Join 1,653,898+ Happy Site Owners Using Astra

Whether you are a beginner, small business owner, or professional web developer, Astra provides all the tools you need to easily build your beautiful WordPress website.

Download is Just A Click Away!

Membership Retention Checklist Download

REWIND

YEAR IN REVIEW

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form
Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form