Create Amazing Elementor Headers and Footers in Minutes with Flexbox and Elementor PRO!

In this video, we'll show you how to quickly create amazing headers and footers in Elementor using our powerful drag and drop tools.

If you're looking to add some extra polish and pizzazz to your website design, then Elementor headers and footers are a great way to do it. This video will teach you how to create amazing headers and footers in minutes using Elementor PRO, so you can get the most out of your website design!

Timestamps:

Intro 00:00
Activate Flexbox: 01:49 Activate Flexbox
Creating A Custom Header 3:00
Creating A Custom footer 13:46
Finished Header And Footer 29:20
Outro 30:04

Checkout my other Multilingual Wordpress Tutorial Youtube Channels!

#wordpress #elementor #elementorwordpress #wordpress

[darrelwilson]

Whats up party people! Creating custom headers and footers with the new flexbox can be a bit challenging, so in this video, ill cover how to build custom headers and footers from scratch with flexbox

[rswebmarketing]

If I were you I would created two containers rows : one for the top header (date and social icons), and another for the logo, menu and buttons. In this way, you can easily align the elements. In your case, the buttons on the right are not aligned with menu, because there are in another container. The other benefit it that it perfectly adapts to all screens, without having to change padding or margin.

[Mohsingaad]

Very well explained thanks for great videos

[wondershere]

Hey Darrel, Great video. Btw how can I make footer sticky to bottom. Whenever the content size is less, footer float up tight below the content. So how stick the footer to bottom?

[ammarsayal]

Hi Darrel what if don't put the container in a container and directly put a logo and a menu in a one container....?

[theblacktrini]

Thank you for this video! On the demo site, how did you make the bottom menu part alone sticky with the fade transition?

[philhawkins]

When nesting containers, do you not add code contributing to code-bloat?
Why nest containers?

[TheOneTrueNoName]

Hey If I start using Elementor can I just make edits or will I have to redesign the whole site?

[CoolToolsandgadgets]

no header id after using custom header and footer how to fix it?

[harichris]

Is that possible to activate the flex box in middle of project, which is built using normal elementor sections??? Help me bro.

[AngelsOfMetal]

where is the video for pop up menu? can anyone send the link? thanks.

[whatsyoursin]

Hi Darryl thanks for the tutorial I have a question Why did we use container inside another container for logo and menu in header, Was one container not enough as we added it in the same container? its at 10:35 in the video.

[g_young_h]

so what are we missing if when you click the hamburger on mobile, the menu doesn't expand?

[Az_website]

Hello sir, do i have the permission to include you on my CV? because i learnt all from you

[denniszaman]

Which screen recorder software do you use sir ??

[Radiohitmaster]

Tnks a lot for this video, but whats the orginal pix of the logo you used, on my site wil de logo not good seen?. i learn great things after check this video. greets from the netherlands

[joesanders]

Hey, great job so a couple of thing is one.How do you make the stanwordpress menu disappear?And how do you make this appear on every page

[nyhvkhb]

Thank you!! Very helpful. However, my footer is showing up everywhere but my homepage - does anyone know how to fix?

[pharmhealth]

Darrel, Please i need help
I want the submenu indicator arrow to show only for mobile and not for desktop and tablet.
Anytime i try adding to only mobile, it shows on both tablet and desktop.
Any help, i can't find any video that teaches that.

[DailyChallengesAroundTheWorld]

I have a question, how do you redirect your logo to the homepage?