Sub Sub Nav Items?

This theme’s menu has been hard coded with a “depth” of 2 which is why isn’t displaying the 3rd level.

You’ll have to modify /wp-content/themes/zalive/template/header.php file find wp_nav_menu and change the depth to 3 like this

wp_nav_menu( array('theme_location' => 'top_nav_menu', 'container' => '','depth' => 3 ,'items_wrap' => '%3$s' ) );

Then you have to edit the /wp-content/themes/zalive/js/function.js file and on line 7 change

$('#header .nav>li:has(ul)').each(function(){

to

$('#header .nav>li:has(ul), #header .sub-menu>li:has(ul)').each(function(){

All these changes will be lost when you update this theme. So you’ll have to create a child theme, activate it and add the following in its functions.php

<?php
add_filter( 'wp_nav_menu_args', 'change_menu_depth', 10, 1);

function change_menu_depth( $args )
{
if( $args['theme_location']  == 'top_nav_menu' )
$args['depth'] = 3;
return $args;
}

Similarly you’ll have to “dequeue” the function.js script and enqueue the modified one.

Hope this theme’s author increases the menu depth in the next release.

Thanks Jesin… I was able to successfully make those changes, but I’ve decided to just design the nav with one level. The CSS for the grandchildren items would require a bunch of tweaking and I didn’t feel like getting into it. But this is good to know for the future. -Kirk

Hi,

The posts before helped very much. Thank you!
There’s only one thing:
In this theme is it possible to position the 3rd level top nav menue (Items of Child 1) at the right side of each second level menue (Child of page 1)?

Now using hover, the 3rd level lays over the 2nd level menue.
-Newbie75 (WordPress 3.8 with theme zAlive)

Hi members. Am using zAlive them i get a problem to find the title tag in header.php.
Or if any one know how to configure WordPress SEO by yoast in zAlive theme Pls help me.

@jesin A
your help was precious but i still have a small problem here.
I followed your instructions but the third menu is not shift to the right.
Is there any code i can fix this ??

To see what i mean check the top menu of url:
https://www.seners.gr/wordpress/

@specialdesigns

Find this in your CSS:

.sub-menu ul

Change position to absolute and add top and left values… like this:

.sub-menu ul {
position: absolute;
top:0;
left:180px;
}

there is no code like this (or similar) inside Style.css

@specialdesigns…

Search the style.css page for this exact string

.sub-menu ul

It must be in there somewhere… if not, just add it at the bottom of the file.

.sub-menu ul {
position: absolute;
top:0;
left:180px;
}

yeap it works

thanks kirkbross