How to Set a Full-width/Contained Container Layout Using Astra?

No results found. Try again with different words?

Search must be at least 3 characters.

    Full Width / Contained – Container Layout

    As explained in the Container Overview article, typically a website can have two containers viz: Primary Container and Secondary Container.

    Primary Container is where the main content appears, whereas Secondary Container consists of the sidebar and various different widgets in the sidebar.

    “Full Width / Contained” layout combines the primary and secondary containers and displays in a single container in a clean format. That means content and a sidebar will display side by side in a single container. This container will display in a container width, leaving a space around the container.

    You can find the setting under Appearance > Customize > Global > Container

    Full Width Contained Layout, Astra 3.0+

    Full Width / Contained layout is great for websites that need a clean design without any boxes. We set this layout as default in our integrations with some plugins such as WooCommerce, LifterLMS, etc.

    Full Width / Contained is also the recommended layout for page builders like Visual Composer; where page builder requires themes to control the width of the container.

    We provide more styling options in dedicated modules of Astra Pro Addon plugin. Learn more about the Site Layout module of Astra Pro Addon.

    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.