Advanced Elementor Container Tutorial: A Full Width Layout

In this video we are building some advanced Elementor layouts with the container. I did this to show you what is possible, so hopefully it inspires someone.

→ Software I recommend

→ Starter Guides for Beginners

→ Full A-Z Courses

→ Social media

Some of the links above are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn't make all these videos without it.

[whatamiwitnessing]

Try using position absolute to overlap your content, will save you a headache trying to work with negative margins on your overlapping content.

[ElementoryMyDearWatson]

Love the way you are always pushing Elementor beyond the basics. Very inventive. Well done and many thanks for sharing it with us.

[marcoolinho]

Thank you for sharing. These are tricks of the trade of the "no code designer". It is a great video, very practical. Keep them coming please.

[jimispears]

Great Advanced Tutorial. It was short and easy to understand if you're familiar with Elementor. It was refreshing to see something not so "basic."

[yester]

good job Rino. I think you have a really good understanding of Elementor and containers, and you use them very effectively (even without coding!). a lot to learn from you.

[LordJHouse]

This is great, thanks for breaking down how achieve this hero layout. Incidentally, I'm focused on the automotive industry, thus this video is right up my alley.

[robertcushman]

Absolutely fantastic video! Your tutorial on creating advanced container layouts is both insightful and impressive. The way you explained the process step-by-step made it easy to follow along, even though it's an advanced topic. The practical examples with Porsche and the two sides were particularly helpful in visualizing the concepts.

Plus, the mention of potential page speed impacts and the focus on desktop usability provided valuable context. Great job, and I'm looking forward to more advanced tutorials!

[justaguynamedleo]

I'm guessing you just gave me the starting point i was missing for a project. Great job Rino 😁

[michalbartosz]

Beautifully crafted! Thanks a lot mate

[nathandigital]

Good job...This is amazing tutorial you ever created!

[Bostiful]

Awesome. Been strugling myself aswell. Will save this video for a coffe break!

[Jimsoda]

Great use of Elementor. Have learned so much from you.

[marcdumont]

Rino, regarding container heights – Have you played around with the custom height setting (the pencil icon) and then used "calc(100vh - 40px)"? I've used 40px as an example, but you could set the height to the height of the bottom container box. I find it works well when working with navigation bar heights etc too. Would love to hear your thoughts.

[juschenten]

Dear Rino, thank you very much for this highly interesting and inspiring video. I think the German automotive industry will also be highly delighted with your examples 😉. Best regards from Stuttgart, the hometown of Porsche.

[hazharmaroufi]

This is from his course, really great tutorial ⭐⭐⭐⭐⭐

[liverman]

Wat leuk man! Dank je wel vir dieze cool tutorial!

[david]

Hi. Instead of vh for the height, I recommend you to use dvh (dynamic viewport) so it actually could creates that full-height experience on mobile with AND without the browser UI. More importantly, if the "side" containers are important enough to be shown above the fall, they should also be displayed on mobile. It's easy to put them above and under the main container by switching the parent container's direction (the full-height experience would remain).

[gauchodiaz]

Hi Rino! Great tutorial as always. Could make a video showing which browser extensions you use for your everyday work? I've been experimenting with some myself, but I love to see what others use to boost their workspace and I think it might be an interesting topic for a video.

[zafit]

Awesome tutorial, a few months ago, I said you were wrong to keep using Elementor. Now I have to admit you were right. I still use it, and it's the one I like the most for creating web pages, but it urgently needs a class manager

[ferrywap]

Love the tut, but for the socials you can either use custom css instead to center the element