3rd level menu not showing


I want to add a third level menu on the header menu. How do I do that?

Thanks in advance!

dazzling theme does not support third level menu

you may have to look out for plugins to do that

free one - maxmegamenu

paid one - ubermenu

If you have some basic understanding about coding it is possible to add third level menu on for the header navigation. Here are instructions for Sparkling theme but they will work the same way for Dazzling theme.

Thanks for the reply.

I revised the dept of the menu on this code /inc/extras.php

function dazzling_header_menu() {
        // display the WordPress Custom Menu if available
                    'menu'              => 'primary',
                    'theme_location'    => 'primary',
                    'depth'             => 3, <--- change from 2 -> 3 
                    'container'         => 'div',
                    'container_class'   => 'collapse navbar-collapse navbar-ex1-collapse',
					'link_after'           => '<i class="fa fa-angle-down"></i>',
                    'menu_class'        => 'nav navbar-nav',
                    'fallback_cb'       => 'wp_bootstrap_navwalker::fallback',
                    'walker'            => new wp_bootstrap_navwalker()

Then i put some css on for the 3rd level ul

.navbar-default .navbar-nav > li > ul > li > ul {
display: block;
position: relative;
box-shadow: none;
padding: 0;
margin: 0;
margin-left: 15px;

I made the 3rd lvl menu display with the level 2 menu on drop-down, so that i wont have problems with the mobile view.

Thanks Again!

Well, this is how it should look as there are now multiple level dropdowns for mobile as well. It does show which one is child as which one is parent element and that’s about as good as it will get unless you create some extra styling to change menu behavior.