Mega Menu

Feature Documentation

Mega Menu functionality comes as part of the Kadence Pro add-on. The Kadence Ultimate Menu feature works in conjunction with the Elements feature to associate sub-menu layouts to a WordPress menu. The standard menu trigger is hover-based, but our design is click-based, which requires customizations in both styles and JavaScript.

Functional and Stylistic Customizations

  • /wp-content/themes/kadence-child-lw/assets/js/theme/megamenu.js
  • /wp-content/themes/kadence-child-lw/assets/pcss/megamenu/megamenu.pcss
  • /wp-content/themes/kadence-child-lw/assets/pcss/megamenu/menu-items.pcss

Template Customizations

  • /wp-content/themes/kadence-child-lw/template-parts/header-actions-desktop.php
  • /wp-content/themes/kadence-child-lw/template-parts/ssite-branding.php

Nav Card Patterns

Mega Menu layouts are composed using combinations of the “Nav Card” Pattern and standard WordPress Navigation blocks.