Elementor Pro Flex Box Container Tutorial: Creating Amazing Headers

[@RohanGillett]

To be honest, I used to get quite frustrated with your tutorials. But I didn't understand how you were teaching. You showed how various things could be done sometimes in different ways. Whereas I was always looking for one specific answer. Obviously, I wasn't approaching your videos in the correct way. Now I realize, I need to go slowly through your lessons because you are teaching many people, not just me! So, great stuff! You do teach exactly what I want to know! Timestamping is such a helpful teaching tool.

[@vincentlockhart1]

This guy produces the BEST Word Press videos. Clear, precise and easy to follow. Thanks!

[@muneebanjamch]

Best tutorial so far. Have tried numerous other tutorials that left me with frustrating errors, yours stood out as straightforward and effective-no unnecessary complications. Thank you for this comprehensive tutorial!

[@alicjamichalik]

I'm sure you hear it all the time, but I gotta say once more: You're awesome. Thanks Ferdy!

[@Vichion]

Dude, you scared me around 7:50, I was like, "THIS WAS THE TUTORIAL?!" I got bamboozled

[@Nicole-io6vk]

I'm at 0:50 and already liked because you already dropped so much value in the intro that i didn't know before👏🏼

[@prodigywp]

hey ferdy. thank you for existing. i just used your link to buy blocksy. also used discount coupòn. all smooth . keep existing. love u.

[@이상훈지혜]

I just purchased Elementor Pro expert plan from your link. Thank you.

[@elhilolatino]

Thank you Ferdy!!! My first header: beautiful and really working.... Great lesson!

[@dimitrispappas2411]

Best Header tutorial on the internet !!!

[@GiantLeapLife]

omg, it works! thank you for this tutorial!

[@daveswitzerland4442]

Ferdy lol "possible! Wow!" Lol, i Love your style, you are such a cool, positive, educative Person. Top!

[@elisabethvismans]

Always love your tutorial Ferdy. My website needs a big overhaul. Will work on new headers tomorrow.

[@tashuys]

Oh Ferdy, where have you been all my life! Thank you for this informative and well structured lesson. You're a very good instructor (I just wishlisted your courses on Udemy), and this is simultaneously a masterclass in teaching.

[@chadgarber]

Wish I would have watched this video first! Great stuff!

[@surenlakshan]

I’ve learned lot of things from you and Darrel Wilson. ❤❤ thanks for sharing your knowledge.

[@ferdycom]

You are welcome 😊

[@ricr8987]

Best tutorial about header on the internet, thank you!! :)

[@SaimTravelogue]

It's very helpful & super easy to understand the way you explain good job.

[@julioignacioberriossmok6311]

thank you Ferdy, I changed almost everything on my website header!

[@Kevinpdoheny]

Thank you Ferdy, this was awesome and my new header looks great!!!

[@zerobambiro]

It was nearly the perfect video about Headers. I just missed the new mega menu option from elementor or with the help from other tools like you have on your website.

[@TwitterTwits]

👍👍👍🙏🙏 nice. After 5-6 videos i decided to watch this. Nice one

[@darreng-g]

Great video, how do you get the Elementor controls at the top?

[@latifahshay674]

Thx Ferdy, super helpful!! (and I appreciate your sense of humor along the way 😊)

[@RudaRdp]

thank you for such a great video tutorial.....i'm pretty new, 1 question. when on mobile, how to show button inside the humburger menu?

[@naeemtech8206]

hey ferdy i am from Bangladesh and i have learned WordPress from your tutorial, plz make a video on e commerce header, specially on side category menu as like big e commerce header. plz make a vdo on it ❤❤❤

[@PulseMarketingSolutions]

Always great content, weird question, I wanted to utilize the elementor header but using elements kit to add a mega menu, for some reason, it doesn’t show the drop-down even though I’ve got the correct menu selected. Any ideas?

[@tobias7716]

Hi Ferdy, at 4:47 - select your structure your tut shows 2 structures with each an arrow ( one pointing down, one right. In my pro version (updated right now) those structures dont exist. Where do i get them ?

[@tobias7716]

solved - activated flexbox

[@markbratton111]

Aren't containers great? Love it, keep these videos coming!

[@gordonmiller1]

You're the best! Thank you! Very helpful...

[@granitkallaba9212]

Thank you, Fredy. Your lessons are impressive!

[@tomossie-w2b]

He cheff, top video weer. Ben langzaam aan het beginnen met het bouwen van een site dankzij jou content. Biet alles lukt nog met het gemak waarmee jij het doet...maar begin is er. Bedankt en je hebt er een vaste volger bij......

[@aybhjm]

Dude You Saved My Life 🤷🏻‍♂️🤝🏼

[@lavalandtours]

Hello, Big thanks for video! Do you have any tutorial/to do list how to set elementor pro for best performance. For example I needed to activate Flex Box before working with this tutorial. And can you recommend please all plugins I need to instal for elementor extra performance?

[@Claymore300]

Hello great video, I have a question, the presentation and colors of your wordpress back office are different from mine, yours is more practical! how to get the same? THANKS.

[@NIIIIIIIIIIIIccccckk]

Great video! in the part about Nested Containers, why you use another container to move the menu? Can't you just choose Item Position -> End? You don't need an extra container, it improves site speed

[@morrison3599]

Well done Ferdy

[@MorisMEANJI]

Best tutorial so far! ❤

[@bharatgami8093]

@ferdykorpershoek great tutorial, how do you make the active menu item underlined in a different color to the menu text color?

[@taeconsulting]

Hi, Thanks for the tutorial, it's cool! I would like to create a drop-down menu but which is displayed in a rectangle and where it is possible to list the menus in a column. What is this style of menu called and how do I do it please? Thanks

[@loudesigns1682]

Thank you ferdy!

[@AluisioAffonso]

Always the best tutorials!

[@migielfrancissen695]

Hoi Freddy, mooie tutorial maar ik heb een klein probleempje. Wanneer ik de headers dupliceer (in the themebuilder) verschijnen ze onder elkaar en niet over elkaar heen. Ik kan het niet vinden waar dit in zit. Hoor graag van je.

[@Billionaire_shorts_sigma]

Hello Fredy I want to know how to make a website from templately feature of packs in which they give us a bundle of 5 or 6 pages.i am getting confused about how to link all that pages to make a website. please reply me soon. thank you

[@emmanouil1453]

Well done Ferdy! Looking forward for *Footer* and *Go to Top* button.

[@m__link6499]

How can we customize the hamburger menu of the header, for instance change the size, the color, ...? I can't find the way to do it. Thank you sir!

[@chadgarber]

Would love this entire template. Been looking for this but couldn't find it.

[@mahe82]

Hey Ferdy Thank you for the tutorial. Do you know a tweak to "remove/hide" a container after some seconds? I tried out with the custom CSS with the "Code with AI", but it has not worked.

[@godswillisikpi]

Hello Ferdy, First off, thank you for give so much value for free, I realy do appreciate. I have been trying to change edit the gradient colour of a section on my Divi website but there are no option for that. And this is also the same issue for other sections and rows. What do I do.

[@shawnbarnicle]

Big help Ferdy!

[@wowindiatechnical]

Very nice bro

[@turktrektrekking-hikinglyc2095]

great tutorials

[@AdaptifyLife]

Awesome video…

[@ejalvin8286]

I’m not sure what I’ve got to do, but if I can develop the skills to be as good as you at this, I can absolutely dominate my local market for sure!

[@mrs3018]

Can I ask …. May seem like a silly question but is it worth having elementor pro and also blocksy pro ? I see that you have tutorials for building headers for both so I’m kinda confused. Thanks and looking forward to a reply 👍🏼

[@ferdycom]

Great question! In my opinion you don't need both. With Elementor Pro you can create your whole website without using Blocksy, but its a bit harder. I prefer to get the best from both free versions 😊

[@aroxstarpro814]

very nice, great helping video

[@arhipandrei05]

how can I edit the container under the menu to look like yours, do you have a tutorial?v

[@zabihallahkhan9546]

love it bro thanks alot

[@chadgarber]

Can you provide this header template for us to use?

[@nessamadigan7834]

Hi Ferdy, I am using your header tutorial. The text of my menu has changed and looks like its faded and the same has happened on my contact form on another page which i hadn't edited. Any ideas what I may have incorrectly done?

[@ferdycom]

It could have something to do with the z-index. That is a layer in WordPress. You can go to the container or elekent, advanced and fill in a positive or negative z-index in order to get the right elements in front of others.

[@TrollHunterxXx]

More elementor pro broski ❤

[@gitzah]

Nice! Only comment on the expanded mobile menu is that with opening and closing the characters are being squeezed, which I don't particularly like. Is there a workaround for this to avoid?

[@surenlakshan]

I need to know how to add ajax search bar in the header optimized for all devices. I tried lot of free plugins but didn’t satisfy my expectations. Any suggestions?? Please let me know.

[@ferdycom]

Advanced Woo Search. Not sure if it is for blogposts.

[@surenlakshan]

@@ferdycom thnx I’ll try 👍🏻

[@georgelbeale]

What is the name of the color picker extension were you using?

[@javedobaid5926]

Hi Fredy, great job making it easier for the beginners and pro as well, wondering if you can have a tutorial for the portfolio page similar to behance portfolio, which is much easier and user friendly, it might be up their (if it is please provide the link) if not it would be a great help if you have considering create tutorial! regards

[@CatrineHansen-j8r]

Hi Ferdy, Is it possible to make the "services" page in the menu so it isn't a active link? I would like the dropdown which says services, but only links on the dropdowns.

[@rickymartinez4950]

on your wordpress dashboard go to appearance>menu>custom links>type # on the URL section> type "Services" in link text section>add to menu>delete the service page you already had>drag your services under the new custom link you created

[@giojio301]

You are super!

[@vineetkumar8221]

Thanks

[@igentechnolabs]

Hey make detailed video on Elementor AI which is not available on version 13.3 for free....

[@gireeshkottayam9972]

how to overlay menu on next element like hero slider ?

[@MDC885]

How come the Mobile view in the editor doesn't match what I see on my phone? I'm working on the mobile header/menu. In the editor, it's properly placing the logo and hamburger menu on the same line (logo left and hamburger on the right) but on my actual phone, it's showing the logo in the center, and the hamburger on the right, but below the plane of the logo. I even reset the display settings on my phone to default text size. I followed your tutorial to the letter but can't get my phone to look like what I see in my web browser when I size it down. Frustrating =(

[@willcorzo2696]

Where can you find the tutorial on how to make the entire site?

[@iragenaheritier808]

Hi Ferdy, can you do more flexbox videos

[@ferdycom]

Yes! That is the plan 😊✅

[@wingsluxe]

fabulous

[@theodorereid6129]

thank you!

[@webdesignlondon]

how do I create space on the right of the hamburger menu as both padding and margin are having no effect?

[@گیمپیشرو]

Thanx bro

[@themotivationchronicles_]

Hey Ferdy, how do you edit your videos, very engaging!... thanks for your videos

[@ferdycom]

I use Adobe Premiere.

[@ecomcoaches6897]

Exactly what I need. Good video how to create a header in elementor Thx a lot again

[@themotivationchronicles_]

@@ferdycom woaw beautiful. Grateful for your videos. Any tips on how to land design clients in my country - Ghana. Hope you can share some general tips...

[@AutumnCraftz-RachelBurkett]

Hi Ferdy, can I ask what theme you are using in this tutorial ? I have Astra Pro and the main theme builder looks nothing like the one you are using and when I create the page I don’t have the option to have one panel and insert various items ie… image, menu and button in one panel I have to choose 3 sections. Hope that makes sense.

[@annette-in-vegas]

I think he is using Blocksy.

[@AutumnCraftz-RachelBurkett]

@@annette-in-vegas Thank you Annette, I bought Astra on his recommendation and now he has changed lol. Although that’s how they make an income. They can’t stick with the same thing or they would never earn anything. Thanks for your help.

[@annette-in-vegas]

@@AutumnCraftz-RachelBurkett Blocksy does have a free version (like in his video). It is an awesome theme!

[@MrMairu555]

@@annette-in-vegas I'll second that. Loads of features in Blocksy (free) that you would normally pay for with other themes. Ferdy advocated it in his 4hr Flexbox Container tutorial.

[@ABDPsychology]

Hey Ferdy love your videos. Great content and good tutorials, but the amount of ads is making it very difficult to watch... 30 seconds of ads at the start + 15 seconds of ads whenever you skip around and then a few more ads during content, its overwhelming despite the quality content

[@srbhrawat]

Hey fredy, I can see some of the options are not present in my plan. Can you clarify why this is happening ? I too have pro plan

[@ferdycom]

Hey! Yes, go to the backend, Elementor, Settings, Features and activate every feature 😊

[@srbhrawat]

@@ferdycom Thanks, now I can work feature rich. 🍻

[@egidijusmailing9278]

Hey, why do I see different Elementor Ui in your video?

[@iVeals]

Good

[@OnlyPrinceJha]

Please suggest a contact form -Multi step -Conditional formatting -Appointment booking All above features in one contact form

[@3rdtwirl494]

i think i deleted my menu bar. how can i get it to show agai

[@jamescallander5773]

Problems in tablet view. Why do I have to adjust min height of the flex container? The nav menu overlaps the logo/image

[@jamescallander5773]

Are you going to answer mate??

[@ferdycom]

You can adjust the Z-Index. Does that work?

[@jamescallander5773]

@@ferdycom Hi Ferdy. No it doesn't work. I've followed your video step by step multiple times. Your tablet dropdown menu goes below your logo.Mines overlaps . What's the issue ?

[@jamescallander5773]

I've had to reduce the logo size in tablet for it to work. Is this a glitch in Elementor Pro?

[@jamescallander5773]

Any help appreciated mate. I've scoured the internet and still can find a solution, other than make the logo smaller in tablet

[@lushprod]

how can you change the header nav from singular to on every page?

[@ferdycom]

Click on the arrow next to publish and change the conditions to "Include / Entire Website"

[@lushprod]

@@ferdycom tnx! nice tutorials, anu idea why my header looks broken in Chrome and fine in safari?

[@AIGahan]

Ferdi, I don't know why you use the dark interface for your videos it's so difficult to see the texts when you are doing the tutorial!

[@mdlilurana9041]

😄 something wrong

[@fahadraee115]

Why you can't make videos on bricks theme builder which is very popular and very fast website builder then elementor .

[@iwbowden]

If you were Ferdy and you made a substantial part of your living creating instructional YT videos, would you produce them for an audience of a few thousand (Bricks) or a few million (Elementor) users?!

[@sivhfhdcnd]

hollo how create website movie similar imdb with elementor

[@xerofit1397]

Why does the effect offset doesnt work. it doesnt show the animation on the offset 😥

[@sangwanbimchannel]

❤

[@zerobambiro]

.sticky-header { top: -70px !important; z-index: -1; transition: top 1s ease !important; } .sticky-header.elementor-sticky--effects { top: 0 !important; }

[@call.memaybe]

Hey Ferdy! Was trying to reach you via email. Do you accept any partnership invitations?

[@ferdycom]

Hey! I just replied 😊

[@TheStrategist314]

Jeeezus Ferdy, turn it DOWN mate. 34:10.

[@lavalandtours]

How to change "Publish" to go up like in your Elementor settings?

[@ferdycom]

Update to a beta version of Elementor. Or to the newest version of Elementor.

[@lavalandtours]

@@ferdycom Thank you!

[@hrearning]

🙂

[@MuhammadAhmed-vq4qe]

[@timahmelvin5425]

Greetings sir Please how can I contact you I need a website 🙏 I need a monetized blog website

[@mcbroccolinnen]

Thank you!! But why does nobody add search🥹