Recommended Settings for Beaver Builder and the Astra Theme

No results found. Try again with different words?

Search must be at least 3 characters.

    Recommended Settings for Beaver Builder and the Astra Theme

    When using the Beaver Builder 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 Beaver Builder without any restrictions.

    The good thing about Astra is its inbuilt compatibility with Beaver Builder. When you design a new page with Beaver Builder, 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. 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 – On the right side, in the document settings, scroll down to the “Astra Settings” section;

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

    Step 5 – Under the “Disable Sections”, check the “Disable Title” option;

    Step 6 – Update the page or post.

    You will find the Astra Settings Meta box 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 Beaver Builder if you need full-width pages. This layout gives Beaver Builder full control over the container and gives you the freedom to design posts and pages the way you want.

    To set this repeat steps 1 to 3 to 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 – On the right side, in the document settings, scroll down to the “Astra Settings” section;

    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 Beaver Builder. In this case, you can use our free “Astra Bulk Edit” plugin. Read more about it here.

    Was this article helpful?
    Did not find a solution? We are here to help you succeed.

    Related Docs

    Scroll to Top

    Download is Just A Click Away!

    Be among the first to try the beta version of Astra’s Header Footer Builder. Filling the form will ensure you’ll be the first to learn about updates and features.

    Download is Just A Click Away!

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