Skip to content

Instantly share code, notes, and snippets.

@isabellachen
Created August 16, 2020 11:07
Show Gist options
  • Save isabellachen/275006f228f32659bea73931873969b6 to your computer and use it in GitHub Desktop.
Save isabellachen/275006f228f32659bea73931873969b6 to your computer and use it in GitHub Desktop.
Adding Depth to WordPress Sub Menu
<?php
/**
* In header.php
*/
<nav id="site-navigation" class="main-navigation">
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e('Primary Menu', 'custom_walker'); ?></button>
<?php
wp_nav_menu(
array(
'theme_location' => 'menu-1',
'menu_id' => 'primary-menu',
'walker' => new Primary_Walker_Nav_Menu()
)
);
?>
</nav><!-- #site-navigation -->
<?php
/**
* In functions.php
*/
class Primary_Walker_Nav_Menu extends Walker_Nav_Menu
{
function start_lvl(&$output, $depth = 0, $args = array())
{
$indent = str_repeat("\t", $depth);
$output .= "\n$indent<ul class=\"sub-menu level-$depth\" role=\"menu\">\n";
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment