🔥5 New Kadence Blocks! Walkthrough of The New Advanced Header Block, Navigation Block, and More! 🔥

[@jimnech5066]

Clifton, not only do you know WordPress and Kadence inside and out, you have a rare ability to teach with amazing simplicity and clarity! It is too bad that few companies have someone like you in-house to create their documentation. I am glad you are back!

[@CliftonWP]

Wow, thank you! I appreciate you!

[@TabassumVlogger]

I am regularly using KZbin since 10 years but I never found honest teacher like you for any issue and to learning I got complete full process and guide in your videos and after watching your video no need lefts for me to search any other video. I wish you good health prosperity and long live.

[@CliftonWP]

Wow! Thank you so so much! I appreciate your support and I appreciate you watching!

[@TabassumVlogger]

@@CliftonWP you are welcome bro which thing is gold I call it gold which thing is silver I call it silver you are gold so I called you gold because your sole interest is to teach I am glad I found gold like you

[@RahimJazebi]

Clifton you are really great! Thank you very much for your valuable lessons 😍

[@CliftonWP]

Thank you so much! I appreciate you!

[@carlosrosales-dl3gq]

Thank you very much for your time! Very well explained.

[@CliftonWP]

You are welcome! Thank you!

[@lynne3469]

Thank you so much for this walkthrough, Clifton - it's detailed and incredibly helpful! I feel much more confident about trying out the new header block now. I'm so grateful for your tutorials and always breathe a sigh of relief when you release a new video. You're a fantastic teacher, and I really appreciate the calm, well-paced delivery with no distracting background music. Thank you! 🥰

[@CliftonWP]

Thank you so much! I am happy to hear that you find the videos helpful! I appreciate you watching!

[@celinedaumesnil7329]

Hi Clifton, I love your work ! This vidéo has been really useful to me, I wanted you to know. The advanced Header Block is great, I wish they ‘d do the same with the footer (maybe next ?). Thanks from France 😊

[@CliftonWP]

Thank you so much! I appreciate you!

[@chukwuemekanwabuzor6967]

I so much appreciate your max determination to tutor on kadence products. As a matter of fact, I almost gave up on using the kadence pro product due to its numerous plugins for different features. But I brought back my interest. Your tutorials remains the best when it comes to kadence. Thanks Please, 🙏 I want to build a fashion e-commerce website for my wife (she is a fashion designer and she makes dresses), can you make another detailed tutorial on how to use the kadence pro plugins for the project, pls? I want to surprise my wife I hope to hear from you pls 🙏

[@jimnech5066]

I agree with you, Clifton's tutorials are of a quality that is rare. I like the Kadence theme but their documentation sucks.

[@CliftonWP]

Chukwuemeka Thank you so much! I am working on an updated e-commerce tutorial. Should be ready soon so stay tuned! My best to you and your wife.

[@chukwuemekanwabuzor6967]

​Thanks ​Clifton. Of course, I am standing by as always, and my wife will hear your greetings too. Thanks 👍

[@Line49Design]

Thanks for being on top of this, Clifton! Kadence can really use help getting the word out on this because it's hard for a casual observer to understand how groundbreaking Ben's solution is. This new approach solves three big picture issues: 1. A much better header builder for FSE users...but they are still a niche segment right now. 2. A path to upgrade legacy sites in your portfolio. For instance, using a free default WP theme, but augmented with the visual builder. Great for those old Bootstrap sites etc 3. A way to make your new Kadence Theme websites future proof. Using the Blocks header and footer approach now means that when you eventually want to move your classic Customizer based Kadence site to an FSE theme, your layout will not break. Ben's demo focuses on the first point, and I think most Kadence users will not realize that it's the latter point that affects them directly. ❤

[@CliftonWP]

I agree with you wholeheartedly!

[@shesmilesbetter]

@Line49Design Very good points, thanks for bringing them explicitly to our attention!

[@realgenghiskhan]

Thanks for the walkthrough

[@CliftonWP]

You are very welcome! Thank you for watching!

[@susannegolnick9627]

Superb! Content and presentation couldn't be better. Thanks a lot!

[@CliftonWP]

Thank you so much! I appreciate you!

[@EtchrCIC]

Loving this, great update by the Kadence crew. Thanks for your tutoring, you're helping me build a worthwhile project to support my local community. Do you use any of the Fluent products, like FluentCRM? Would love some deep dives into that and creating a community with Kadence.

[@CliftonWP]

Thank you very much. Fluent products are next on my list of content. I love their softwares.

[@charliegerson7570]

Very excited to have you on this cause I was going to make a request. Your tutorial makes everything simple and easy to understand and to do. Now, our Advanced Headers and Mega Menu are going to be super, super, super!!! You make Kadence great, loving and worth buying to use. Thank you so much Clifton. You are a great teacher. The Best. Be Forever Blessed.

[@CliftonWP]

Thank you so much Charlie! I am always happy to hear from you and glad you find the videos helpful! I appreciate you my friend!

[@peterland001]

Awesome thankyou

[@shesmilesbetter]

Thank you very much, Clifton, for another great and very helpful Kadence tutorial! Absolutely love your deep-dive walkthroughs! 🤩

[@CliftonWP]

Wow! Thank you so much for your support!🙏I appreciate you and I appreciate you watching!

[@WestbrookAds]

Thanks so much!

[@CliftonWP]

You're welcome! Thank you for watching!

[@SwissDisplayHamburg]

Thanks a lot. You have the best calm voice.

[@CliftonWP]

Thank you very much!

[@sportyguy2009]

Clifton, thank you for the very informative tutorial! I have two questions about Kadence you might have quick answers for: What is the difference between Section and Row blocks and when would you use one over the other? Can you apply different headers to specific pages and, if so, how? In the past, I used Elements to create headers for specific pages and then hide the existing header on those pages. TIA

[@CliftonWP]

Thank you very much for watching! Section and Row Blocks are both container blocks in Kadence. Their main purpose is to contain other blocks and help with the structure of your web pages. Row Blocks are based on a grid of sections or columns. So every Row Block you use will have at least one section block within it and organizes content in grids and columns. Section Blocks are stand-alone containers that have the capability to use flex settings to organize content. This means you can organize content within sections directionally - horizontally or vertically. There are no columns within sections (unless you add a Row Block to One😉). When it comes to use, you want to use a Row Block when you are creating a parent container and need to organize content as a grid or in columns. Use sections when you want to control the flow of content or when you simply need a container for content that does not necessarily need columns or a grid. Headers Yes you can apply different headers to specific pages. This can be accomplished with Kadence Element Hooks and you can also do it with the Conditional Header feature in the Kadence Pro Add-on. The Advanced Header Block makes it easier to create specific headers with header attributes. You can still assign Advanced Header Blocks with Kadence Elements. Another way would be to create a header within a page or post-type, build out the rest of the page and then disable the header for that page. However to be more efficient and have more flexibility, Kadence Elements is still the way to go. I hope that helps!

[@djwebdesigns]

Another awesome tutorial. Thank you!

[@CliftonWP]

Thank you so much!

[@paulwright4765]

Another fantastic tutorial Clifton, thank you!

[@CliftonWP]

Thank you very much! I appreciate you watching!

[@PilatesinSacramento]

Fantastic, Clifton! I was just starting to experiment with the new blocks. Thank you for a timely video! 👍

[@CliftonWP]

You are very welcome my friend! Always happy to hear from you!

[@PilatesinSacramento]

@@CliftonWP I was just looking at your list of new videos. I need to keep up. You’ve been busy. Definitely interested in the Bento Box video.

[@markuserikssen]

Excellent overview, as always. Thanks a lot! I can't wait to work on this myself soon.

[@CliftonWP]

Thank you so much!

[@adrianwalmsley8316]

Clifton, many thanks for being so quick to post such a helpful and detailed explanation of the Advanced Header and other new blocks. I use conditional headers on one of my Kadence sites - to select a menu based on the tag or category of the page/post. The options under "conditional display" for the Advanced Header block are different from the settings for Conditional Header in the regular Kadence/WP Customizer. Could you give an example of how to display different advanced headers depending on the tag or category? (apologies if this is a duplicate - I thought I had posted this earlier but can't see my first attempt)

[@CliftonWP]

Thank you Adrian, you are right. I'm working on some additional content on this very topic. Stay tuned!

[@stephenbugden1270]

Great video, thank you Clifton. Though I think I prefer the tutorials where you actually build something that we can follow along with throughout and end up with a polished header in this case. I find I learn better by doing. My only disappointment is that the mobile menu doesn't animate the dropdowns when expanded. At least I can't see a way to do that in the settings.

[@CliftonWP]

Thank you and I appreciate your feedback! More to come!

[@stephenbugden1270]

@@CliftonWP Great, looking forward to it.

[@محمدحمدي-و7ح7ح]

I am waiting for your videos ❤, thanks a lot

[@CliftonWP]

You're welcome 😊

[@DG-cp3ko]

Great explanation as always thanks Clifton. Is there a way of copying a header block over to a different website? I have no problem copying and pasting any other type of block from one website to another, but it doesn't seem to work with the header block.

[@digitalmumlife1]

Clifton, great video. I don’t suppose you have affiliate link with discount for Kadence pro ?? Just asking , no worries if you don’t.

[@CliftonWP]

Thank you for your support! My affiliate link is cliftonwp.com/kadence

[@osamafreelancer2298]

Hi teach us how to create vertical header using kadence theme.

[@yannickf4813]

Fantastic and very well done Clifton, thanks a lot. A quick one: when i create a mega menu under the desktop view, it is not reflected under tablet and mobile, i have to recreate a mega menu from scratch for the mobile version... do you know why?

[@CliftonWP]

Thank you! The answer is yes and no. The Mega menu is a component of the Advanced Navigation Block so you only have to create the navigation with the mega menu once. However you do need to create your navigation for Tablet and Mobile if you are not using a preset. Simply add the navigation with your mega menu to the tablet /Mobile view tab, make a few adjustments and you are done. I hope that helps.

[@ArtOnScreenByPeterBono]

👍 ⭐⭐⭐⭐⭐ 👍 ⭐⭐⭐⭐⭐

[@CliftonWP]

Thank you!

[@Jen_Lao]

why i build the header then i don't have the "Enable Block Header" 37:29 , I have updated the pro plugin.

[@Jen_Lao]

I don't the "Enable Block Header" button

[@CliftonWP]

Hi, if you are using the latest version of Kadence Blocks Free or Pro, you have the Advanced Header Blocks and in the customizer at the very buttom of the Header section, there is a setting to enable the use of a Block Header. If you are not seeing that setting and all your plugins are the latest versions, I recommend reaching out to Kadence support as something may be wrong with your install. I hope that helps!

[@Jen_Lao]

​@@CliftonWP hollo Clifton, the kadence pro is the latest. But when i try to update the kadence theme，it will make my website “there has been a critical error on this website.” for twice. Forced me to restore the backup

[@tomfraser3086]

If I understand you, it is not necessary to pre build the mega menu anymore, you can do it as your design your new header . Select the Mega Menu option then replace the stand in links for my own ??

[@CliftonWP]

Yes, Tom, you are correct!

[@fineasfrogshair]

Hi Clifton, what is the name of the Chrome extension that you are using to display all the views on mobile and tablet devices (drop-down that lists all the different sizes) please, please?

[@CliftonWP]

It is the Chrome Developer tool. Just right click on the browser and select inspect and you'll have it.

[@KaiBuskirk]

Why am I only seeing this 12 days later and not getting an invite 2 days before release?😊

[@CliftonWP]

Ha! you know what Kai! You are absolutely right about that! Workflow has now been adjusted.🙂

[@sayhininh]

Do you know if it's possible to create vertical side menus for desktop?

[@CliftonWP]

Thank you, yes this is possible.

[@sayhininh]

@@CliftonWP can give me a quick hint how ? :)

[@CliftonWP]

​@@sayhininh Sure thing. 1. Add a Kadence row block to your page and select 2 columns. You can select 3 columns if you want to have a right and left menu. Depending on the layout you want, make the lefts or right menu more narrow. There is even a row layout option with a narrow column on the left, right or both. 2. In the narrow column add an advanced navigation block from Kadence Blocks. 3. Click on select and then create new from within the navigation block. 4. Build out your menu in the Navigation Builder by adding pages or custom links. 5. Select the option for a vertical menu for Desktop. You 'll see it in the top left. You can also select the option of for the Tablet/Mobile layout. 6. Click the "Done Editing" button on the bottom right. 7. Use the Navigation block setting to style the menu to your taste. You should now have a vertical side menu.

[@sayhininh]

@@CliftonWP thanks a lot. I thought of this too, but biggest downside is scaleability with many pages. you basically have to create this layout for every page. i thought there was a way using the new global nav feature.

[@CliftonWP]

@@sayhininh You can create it as a template using Kadence Elements which is part of the Kadence Pro Theme Add-on. THis will allow you to create it once and apply it dynamically to as many pages or post types as you like.

[@johnsitjar4521]

Good day sir Clifton im using pro version of kadence ai, when i tried to click the customize. it doesn't show the customizer. any idea on this?

[@CliftonWP]

Thank you! Sorry for the trouble with your customizer. As long as you have the Kadence Theme installed you should be able to access the customizer. I recommend re-installing WordPress or checking to see if you have any plugin conflicts. If that does not work please reach out to Kadence Support, so they can look into it.