How to create full width blocks with Elementor

The theme as been coded so you can choose the max width of your site in the custom option.

It means Elementor blocks will be automatically delimited by the max width, which means no full width block by default. However with these small tweaks you can get full width blocks:

  1. Copy paste this code in  Customizer > Additional CSS after the text and the */:

    .at-container {
    overflow: visible !important;
    }

  2. Go to your page and click on ‘Edit With Elementor
  3. Click on the section you want full width, and on the left panel, under ‘Layout‘, change the width from ‘Boxed’ to ‘Full Width
  4. Go to Section > Layout > Stretch Section and switch it to ‘Yes‘.

Yeah! Your section is now full width!

This article applies to the following themes :

Was this article helpful?