Submenu item in top bar

Hey jannnnnneke,

Thank you for the inquiry.

The submenu item is not accessible because the header_meta container where the top menu resides is under the header_main container — the header_main is the logo and main menu container. We could adjust the stack order or the z-index property of the header_meta so that it is positioned above the header_main container but this will cause the header_meta container to cover the logo, which is supposed to overlap or overflow on both containers.

#header_meta {
	position: relative;
	z-index: 50;
}

Another solution is to adjust the width of the top bar, but it does not look as good as the current design.

#header_meta {
	position: relative;
	z-index: 50;
	width: 80%;
	float: right;
}

Best regards,
Ismael

Hi,

You could set up a new menu location in the main header area by editing the includes > helper-main-menu.php file or use the existing template hooks inside the header template such as the ava_after_main_menu, and adjust its position with css so that it looks like it is inside the top bar. You will need the wp_nav_menu function to do this.

// https://developer.wordpress.org/reference/functions/wp_nav_menu/

The top menu is usually used as a support navigation and is not really intended to be used for multilevel menu.

Best regards,
Ismael