Full Width Section With Multiple Columns

This is a very basic design element of Elementor. If you are using a theme that allows full width layout, then all you have to do to create a full width section with multiple columns is this:

  1. Click the Add New Section button.
  2. Choose the number of columns you want in your section.
  3. Click on the Section tab, and change the sections Layout width from Boxed to Full Width. Adjust backgrounds, borders, etc. as desired.
  4. Adjust the column backgrounds and content as desired.

If you find that this doesn’t work, then your theme may not allow full width layout. Luckily, Elementor has a solution for that situation as well. Follow steps 1, 2, and 4 above, but replace step 3 with this: Click on the Section and from the Layout area, look for “Stretch Section” and switch it to “Yes”.

Donna F. Cavalier is a woman of many interests, both online and off. A WordPress enthusiast since 2004, she fell in love with both GeneratePress theme and Elementor page builder. Together, they help create stunning WordPress websites. Hence, this site was born. She also has many other WordPress and web design related sites, such as WPLot.us (a WordPress maintenance service), CavalierWebDesign.com, DonnaFontenot.com, and others. She is also an author, having published one mystery-suspense novel, The Grave Blogger, and 3 children’s books Petal Pals: Swamp Adventure, Petal Pals: Off to Amarillo, and Petal Pals: Journey Down Under, with more to be published soon. In addition, she is also a Southeast Louisiana Wedding Officiant, owner of Happy Life Weddings.

Share With Friends

Leave a Comment

* Checkbox GDPR is required


I agree