Build Advanced Headers in WordPress with the NEW Kadence Advanced Header/Navigation Blocks

We’re excited to introduce the only set of Gutenberg blocks that lets you build fully customizable headers directly in the native WordPress block editor: the Kadence Advanced Header/ Navigation Blocks. 🎉

This advanced WordPress block lets you create any type of header, no matter what theme you’re using—perfect for full site editing themes where header options are usually limited. With the Kadence Advanced Header/ Navigation Block Builder, you can easily:
✅ Build mega menus
✅ Create sticky headers
✅ Set up transparent headers

Whether you're looking for something simple or a more advanced design, this builder gives you all the flexibility and power you need to craft stunning headers that stand out. Check it out and start building your headers with Kadence today!

#kadence #kadencewp #wordpress #webdesign #websitedesign #wordpressdevelopment #stellarwp
-------------------------------------------------------------------
Products mentioned in this video:
-------------------------------------------------------------------
Time Stamps
00:00:00 - Introduction to the new Kadence Blocks Header Builder
00:01:00 - Overview of Webflow’s Header and its advanced features
00:02:00 - Limitations of WordPress core tools for headers
00:03:00 - Activating Kadence Blocks and starting the header design
00:04:00 - Basic header layout and initial customization
00:05:00 - Building a new navigation with Kadence Blocks
00:06:00 - Adding pages and customizing layout options
00:07:00 - Header row configuration and layout control
00:08:00 - Styling and customizing navigation items
00:09:00 - Setting up custom links and dynamic navigation updates
00:10:00 - Styling navigation and dynamic updates for future changes
00:12:00 - Customizing navigation links and icons
00:14:00 - Responsive design for tablet and mobile
00:16:00 - Creating and styling a mega menu
00:17:00 - Customizing mega menu layout and alignment
00:19:00 - Adding icons and descriptions to navigation items
00:22:00 - Customizing sub-menu layouts and text styles
00:24:00 - Adjusting padding and spacing for navigation items
00:26:00 - Designing mobile navigation and off-canvas menus
00:29:00 - Creating a two-column grid layout for mobile navigation
00:32:00 - Adding buttons and links to mobile navigation
00:35:00 - Finishing touches on mobile navigation layout
00:37:00 - Integrating the new header into the WordPress theme
00:38:00 - Final preview of the new header in desktop and mobile views
00:39:00 - Using the Kadence theme customizer for block headers
00:40:00 - Conclusion and invitation for feedback
-------------------------------------------------------------------
🚨 Follow Us To Stay Updated 🚨
-------------------------------------------------------------------
ABOUT KADENCEWP:
We're here to help you create fast, effective websites with ease.

Kadence is also part of the team that brought you some of the most stellar WordPress products, powering millions of websites worldwide, including:

-------------------------------------------------------------------

[lynne]

Wow – this looks amazing. I love using Kadence and can’t wait to try this. I did have to pause the video a few times because my brain processes information slowly, and the mouse movements were a bit fast for me to follow. Thank you so much for demonstrating this new feature - you guys n gals at Kadence are so talented! 🥰

[trifco-studio]

Mind blown! 🤯

This is exactly why I switched from Elementor to Kadence. The Kadence development team has incredible talent, and their fast-paced innovation shows they’re leading WordPress block editor development in the right direction. Honestly, I feel sorry for those still using Elementor, as they’re slowly painting themselves into a corner.

[carterangon]

Wow wow 🤩 Ben, and the whole Kadence team, Congratulations once again!! 🙌 Your dedication and passion for excellence truly shine through in this release. So in Love with "Kadence WP" 💙😍

Thank you for creating something so powerful, thoughtful, and innovative. This release will not just be an asset for your Kadence users—it’s going to redefine how people think about WordPress navigation design. Every detail has been meticulously crafted setting a new standard for what building headers should feel like. And you’ve integrated these features into WordPress themes, making header management and design integration a breeze for everyone, from beginners to seasoned developers. You’ve taken a complex problem and offered an elegant solution that elevates the user experience to new heights 🎖

[businessoftechnology]

Really good UI and flow. Would like to see more of the block editing be that advanced.

[yadago]

The new blocks are brilliant! They're so useful and powerful! The future is bright with Kadence. I like the development path you're following.

[markuserikssen]

Wow, I'm amazed by how advanced this is. This really is a game-changer for my websites. One question: Are there slide (down) effects or animation effects we can use for the dropdown menus?

Interesting choice for replicating Webflow's design, though. Isn't it a competitor in some way?

Anyhow, thanks Ben and the Kadence team for delivering these new header functions!

[scottlewisphotography]

Looks great. There was a good fix in today's update for Mega Menu scrollbar and overflow issues that needs to also be applied to the pop out panel as in the pop out panel sometimes you get stuck scrolling the underlying page while trying to scroll the menu, filters, or other content that is in the panel.

[LeventZeytinci]

Greetings from Istanbul. I can't wait to use the new features. I'm happy to choose Kadence.

[SiteStudio]

Nice touch designing Webflow’s header as they like to pick on WordPress as not being capable 😏

[azzurramaggia]

You're great! Thank you so much for this very much needed feature, lovin' it already!

[ratesmann]

Well, this is a huge shift, Ben. Thanks for that.

[nicedreamsuk]

Great work. Am wondering if a similar feature for footers could be useful. Is it under consideration by any chance?

[karl-ford]

Thank you for not adding yet another plugin and instead incorporating this feature into the existing ones.

[xaxon]

Great, great, great! Tkank you! <3

[UnfilteredWP]

Hot dog! That's a nice UI to create headers and navs.

[WareInternationalHosting]

Thanks Ben, great features! I experimented a bit and I find the navigation block not aligning the icon, title and text correctly so I find it better to use standard Kadence blocks such as Icon Box instead of navigation items. More stable and can control better the layout.

[ajaved]

Thanks Ben excellent addition to Kadence blocks, How would you use this as a conditional header. so different headers for different pages.

[thelesmassey]

Thanks Ben. Nice to see some action on Kadence. The project has felt pretty stale since Stellar took over. Seems you are still actively developing? Would love to look at Kadence again but it doesn't seem to be keeping up with Generate or Bricks both of which, critically, are class based systems.

[DreamTicket-st]

Hello, for some reason the mega menu button Mega Menu Width dropdown has disappeared from the area: Block > Kadence Navigation Link > View Navigation Settings. Where did it go?

[hermanohamza]

16:10 i can't get the mega menu, can you help with that