The Elementor page builder makes creating beautiful responsive layouts in WordPress drag-n-drop easy.
But a lot of people get stuck creating more complex layouts. This where you want multiple rows of different numbers of columns, but all within the same ‘section’.
It’s actually really easy when you know how… but there’s a trick to doing it properly.
Here’s a very quick example I’ve put together to show you what I mean:
Notice it’s actually 3 rows:
- 1 column for the centered headline;
- 3 columns for the icon boxes;
- And 1 column for the button.
But they’re all contained within 1 ‘parent’ or outer section, with an image background in this case.
It’s actually really easy – check out my quick video below for step-by-step instructions.
(NOTE: The Columns widget is now called ‘Inner Section’ instead. It’s exactly the same thing.)
By the way: I have a PART 2 follow-up to this video here. It explains more clearly why the ‘method 1’ I show you in the video is not recommended.
This is an affiliate link. If you buy the paid version, I get a small commission. No extra cost to you. I’d 100% recommend Elementor as the only page builder to use anyway.
If you found the video useful or have any questions, drop me a comment below. Thanks.