All New Advanced Grid Containers For Elementor (with a free template 🎁)

✨ Join us in the Lytbox Academy Community:

And an extra special thank you for signing up to the Lytbox Newsletter. We got some awesome things coming your way! 🙏

/////

✨ Learn High-Level Web Design Skills With Me:

🟢 Master Elementor while learning web design skills:

🟢 Learn powerful SEO in an easy-to-follow style for WordPress users and web designers:

🟢 A step-by-step guide to building a WordPress Maintenance Business that results in high MRR:

🟢 Become a Lytbox Academy Pro Member:

/////

✨ My Recommended WordPress & Web Design Tools:

👉 The hosting I use:

Cloudways (use promo code LYTBOX for 30% off 3/months)
xCloud:

/////

👉 My WordPress Tools:

Elementor Pro:
Breakdance Builder:
Bricks Builder:
Crocoblock:
SEOPress (the best SEO tool for WordPress!):
Perfmatters:
InstaWP:
WP Umbrella:

/////

Thank you for supporting my channel 🙏 - Jeffrey @ Lytbox
#elementor #elementortutorial #elementorwordpress

[LytboxStudio]

Quick pro tip: You can use the Icon Box or Image Box widgets instead of the inner containers, they do not need to be in containers and will make the code even cleaner (I forgot to mention in the video)

[tuxjunkie]

I've been at this for 2 months, and FINALLY, someone who can explain in a way that actually makes sense to me. Damn...thank you man! I'll be coming back for more gold.

[jerry-suhrstedt]

Bro, your tutorials are "on-point"... good job. Been designing on WordPress over 16 years... still learning.

[MariaRina-kmvg]

Great content, a huge amount of work in the background, a great added value coupled with a very practical proposal thanks to the template that goes in the same direction: it's valuable for training/improvement. This new content proposal is very appreciable, you deserve firstly to be congratulated and especially a big thank you. You've "earned" a new subscriber to your newsletter 😊 Hats off for your content proposal and for your generosity

[jaseyarm]

You're very generous with your sharing mate 🙏

[mikecharles]

Jeffrey, you blow me away! Thank you for your teaching and your ocd lol. Mike in the UK

[antonichristian]

Really nice Jeffrey, thanks. Hopefully Elementor will continue to work on Grid to include at least row and column span to make these kinds of layouts much easier.

[xAnangelx]

I have NEVER been able to align things right with the flexers...EVER! Your awesome brother thanks 4 all the hard work!

[Aziz-Ahmed-UK]

Excellent work Jeffrey and thank you so much for this pre-built grid template, you are very generous person.

[webchimpnl]

@LytboxStudio If you just add a grid widget with some flex container (full with). Than just add "selector { grid-row-end: span 2; }
(or grid-column-end: span 2) on the block you want to span over multiple rows or columns. That is much easier in my opinion. What do you think?

[ingarnt]

When trying to open the template after importing, it says I need to add the "Post Content Widget" first, before I can edit the template?

[PedroMPerpetuo]

that looks good. is there any chance that we can do this for a mega menu? I m trying to figure oiut a way to build a mega menu as lightweight as possible (minimal DOM) .. I just sense that the footer and menus build with Elementor consume a lot of ressources... I wish there were more tutorials like this that would focus on performance...thanks for your work!

[odhiambo]

I am loving these tutorials. Very informative.

[Mulator]

Thank. you Jeffrey, any idea how you can do a masonry grid ? or is that not possible with this grid system in Elementor?

[shaunazar]

This is great, thanks for putting this video together and providing the templates.

[bbontubecentral]

Thank you for your time to do these tutorials. I would like to see a tutorial with more responsive where you have the desktop with several horizontal containers that are nested and then in the tablet mode, take some of the nested items and be able to mix up the order. Possibly even take an element from one nested container to another nested container in a different order.
For example on desktop: left side, container 1: header, text block, button. Right column container 2 image carousel, text block under. Container 3 under container 2 but have a group of text blocks.

I had this design, but when I switched to tablet, I needed to move the button to the bottom, the image carousel to the top, the left column 1 header with the left column text block under the header. I tried numbering order, but that didn’t work either. I finally gave up. I’m new to Elementor and I’m afraid I have been trying force the design in ways Elementor cannot handle.

[CharlesBirdm]

Love the video and your content, Question: if I have a legacy elementor site that doesn't use flexbox/grids, what is the best way to convert them to flexbox/grids? One-by-one or use Elementor to auto do it and inspect?

[truthseeker]

Thanks for the video! I joined your new letter. However I could not get the templates to import in my Wordpress site. Not sure why..

[systechcwb]

I like your explanation. Congratulations.. From Brazil

[sephambrosio]

Hello Sir Jeffrey! I have a curious question about INNER SECTIONS. Is there an update from Elementor that this feature will be discontinued because of CONTAINER'S existence? I am wondering what would happen to all sites prior to this update if INNER SECTIONS will be discontinued.

I hope you'll notice and respond to this inquiry.
Thank you so much!