How does Tinection display a multi-level/infinite-level navigation menu?

A friend who is new to WordPress website building is testing the Tinection theme.

• It was found that the WordPress theme (Tinection) can only display the secondary navigation menu by default...
• If you want to display more menus, and you want to manually modify the WordPress code, it is difficult for a novice who is just learning to build a website...

The following is a guide shared by Chen Weiliang on how to modify the "Tinection" feature in the Zhiyan theme to display multi-level/ unlimited -level navigation menus.

Step 1: Modify the styles in the style.css file

Open the style.css file and add the following styles▼

.pri-nav ul ul ul {left: -999em; top: 0;}

change to ▼

.pri-nav ul ul ul {left:125px; top: 0;}

Step 2: Modify the code in the header.php file

Open the header.php file and insert the following code▼

<?php wp_nav_menu( array( 'theme_location' => 'topbar', 'menu_class' => 'nav-menu', 'depth' => '2' ) ); ?>

change to ▼

<?php wp_nav_menu( array( 'theme_location' => 'topbar', 'menu_class' => 'nav-menu', 'depth' => '0' ) ); ?>

• 'depth' => '0' means display infinite levels.

The following is the WordPress Tinection navigation menu, showing infinite levels of display ▼

Extended reading ▼

🔗How to call the secondary/multi-level navigation bar custom menu in WordPress?