Make Awesome Headers With Elementor Pro's Flex Box Container Tutorial

Learn how to create a simple or advanced header using Elementor Pro. Elementor Pro gives you so much flexibility when it comes to creating headers for your WordPress website. In this tutorial, I show you how to get the best out of your headers in Elementor Pro.

Get Elementor Pro:

Timestamps:
00:00 Intro
00:58 Install Elementor Pro
02:54 Create A Custom Header
10:58 Work With Nested Containers
14:18 Design The Menu
21:22 Make Your Header Sticky
22:39 Make Your Header Responsive
27:25 Create A Top Bar
35:23 Adjust The Breakpoints
37:35 Conditional Logic
45:03 Show Another Header While Scrolling
52:53 Thank You

[vincentlockhart]

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!

[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.

[granitkallaba]

Thank you, Fredy. Your lessons are impressive!

[alicjamichalik]

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

[julioignacioberriossmok]

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

[Vichion]

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

I got bamboozled

[zrghkcy]

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

[ricr]

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

[emmanouil]

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

[latifahshay]

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

[gljrszq]

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.

[elisabethvismans]

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

[Nicole-iovk]

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

[GiantLeapLife]

omg, it works! thank you for this tutorial!

[markbratton]

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

[elhilolatino]

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

[daveswitzerland]

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

[dimitrispappas]

Best Header tutorial on the internet !!!

[nbnzyex]

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