yulichka

Just as a note for anyone who ends up with the same problem, here is the code I ended up using for the custom walker:

class Walker_Page_Custom extends Walker_Nav_Menu {

function start_lvl(&$output, $depth) {
    $indent = str_repeat("\t", $depth);
    $output .= "\n$indent<div class='flare'><ul>\n";
	}

function end_lvl(&$output, $depth) {
    $indent = str_repeat("\t", $depth);
    $output .= "$indent</ul></div><!--flare -->\n";
	}

}

Thanks again for the help

[duplicate of https://www.ads-software.com/support/topic/wp_nav_menu-adding-a-div-around-the-secondary-ul?replies=4 – closed]

Just as a note for anyone who ends up with the same problem, here is the code I ended up using for the custom walker:

class Walker_Page_Custom extends Walker_Nav_Menu {

function start_lvl(&$output, $depth) {
    $indent = str_repeat("\t", $depth);
    $output .= "\n$indent<div class='flare'><ul>\n";
	}

function end_lvl(&$output, $depth) {
    $indent = str_repeat("\t", $depth);
    $output .= "$indent</ul></div><!--flare -->\n";
	}

}

Thanks again for the help

Thanks!
I tried to approach the styling like that, but couldn’t quite get the same effect that the original menu had. The .flare is taller than everything else.

I think I’m going to try this approach first: https://www.kriesi.at/archives/improve-your-wordpress-navigation-menu-output, controlling the output of the navigation. If I can’t figure that out, though, it’ll be back to creatively styling what I do have.

Cheers!

Thank you so much for the tutorial, I’ll give it a try.

Really, really appreciate it. Cheers!