Elementor Headers In Single Columns (or Containers): Building Better Headers with Flex

Great Video

i just bought your seo course and now you do it for free :( :D

Nice! I think Elementor is adding a main tag by default, if I'm not mistaken it

Containers solves the main tag issue because, unlike Sections/Inner sections which limits you on nesting inner sections inside of inner sections (yes there is a work around to this too but its less than ideal), Containers dont limit you this way, so its easy to have the parent container be the main tag. In addition, if you use a Page template rather than untemplated pages, you can assign <main> to that template (just like you do with the header and footer templates) and this problem goes away, even when using sections/inner sections.

To wrap the main nav and top bar in a <header> tag, click the gear icon in very bottom left corner of the header template and assign the <header> tag there (in Header Settings) instead of on the sections. Same thing with the footer.

This is great man. I really appreciate

Love your videos. Best quality content!

Please make more bricks videos from the perspective of an elementor user. Most of the bricks users come from oxygen builder, so it's difficult to understand for people like me who have less knowledge of code.

Basic but important!. Great video! 😋

Insightfull video about <main>. I have not been using this, although by default Elementor list each new section with HTML tag "Default". I always change this to Section every time I add one. In Theme Builder I create a default single page with the page width I plan to use. I'm thinking I need to start saving that with the <main> tag, so when I add sections to the page I should be covered. Looking forward to part 2.

Always great info from your videos!! 🙌🏾🔥

Thank you. We are waiting for more Bricks videos :)

Awesome!

Wow i coudld not find this information anywhere else!!!

Nice video!

Thanks Buddy!…it was helpful and clear….

There is an error in your title; while the thumbnail correctly says "Part 1", the YT video text title says "(part 2)".

good

Jeffrey, I like your videos and sometimes I follow them...
One question though ...
I started to use the <main> tag as in this video:
<header>
<nav></nav>
</header>
<main>
<section>
<section>
<section>
</main>
<footer></footer>
After awhile I starated experiencing the 500 error with elementor on saving the changes... the more <sections> I have the higher chance I get the 500 error...
I have checked the memory on my server - 1024 Mb, wp_memory_limit is higher then needed....... Have you heard of this problem so far? Would you please comment on this, please?
Kind regards

Thank You Bro !!

hi there, how doi fix this: Your page makes 90 requests. More than 20 requests can result in slow page loading.
Images: 57
JavaScript: 13
CSS: 20
Try to replace embedded objects with HTML5 alternatives.

I've been researching for months. C

Thank you! This is very important for screen readers too not just SEO! I think if you don't have the hero section wrapped in main the screen reader might skip it??? I am just learning how to do this properly. Clearly Elementor needs to make this easier.