#elementor #elementortutorial #container We can finally use the Elementor Container builder! That is why it is time for a lot of new Elementor tutorials. In this tutorial, we will take a look at positioning the elements using content width, minimum content height, direction, justify-content, align-items, padding and margin, z-index, and more. We will also style the menu, nest containers, add a menu button on the tablet and mobile view and create a popup menu like the Tesla.com website. 00:00 Intro 03:24 Create The Header 07:13 Direction, Justify Content, and Align Items 10:39 Padding and Margin 21:30 Nesting Containers 31:46 Make Your Page Responsive 40:20 Create A Popup Menu 46:35 Mobile View
My very first Elementor website I built after watching your tutorials a few years ago. Nice to be back to learner Containers from you.
Where are the part 2 Fredy?????????????????
So is the traditional header, we create it alone and apply it to page(s) or the entire site, over?
Excellent tutorial! I always learn something new in your videos. Great job!
Hi Ferdy, thank you for this tutorial, please keep going deeper with Container building...thank you!
This is part 1. It's been a month. Where is part 2?
SOOO helpful! Thank you so much!!
Is it safe to use this on live sites now? Im on elementor v3.10 and pro 3.10.1
Such a GR8 Tutorial!
Sir how to contact u website development Releted@ferdy
Justify Beiber...🤦🏼♂ 😂 (that was actually pretty funny, I have to admit)
This is an amazing tutorial, thanks a lot. Helped me a ton! One question: How do you do this zoom-in Effect in your tutorials? It looks so good.
Being both new to website building and Elementor (particularly containers) this part 1 tutorial has been a succinct education. I am very interested in more understanding of how to move headers and text around the page, if you have time to include in part two or three. Love all the little subtleties you bring to the design!!
Good tutorial but there are mistakes here. Just one example: on the first section where you added the down arrow. There is no need to do it the way you did it. You want to avoid negative margins if you can. All you had to do was add another container in the container that held the other elements.
You seem to love negative margins when they are not needed.
Hey Ferdy, you make great videos!
You did make one mistake: you copied the first container with the negativ margin for the further models. This is why your first container doesn't have a full hight anymore. Did you not notice that? 😉
z-index: why give every element of the menu a z-index? Just give it to the container.
Also you asked for developer feedback: I noticed, that you like to use pixels for everything. You shouldn't use them with flexbox containers and responsive webdesign. It makes much more sense to use vh, vw and % but NOT pixels.
cheers.
Great video!. Just a quick question do you have any videos on adding custom buttons to woo commerce product pages?
Excellent video
Really great tutorial as always
I learn a lot from your tutorials ...........You are inspiration for me love from Pakistan