It might be easier for others to help you if you'd clarify your problem a bit.

With the current information I'd simply refer you to https://www.w3schools.com/css/css_dropdowns.asp I guess ?

Dear Ambert, We need to know how can we create a structured navigation menu. For example.

• About us
  • Our Team
  • Leadership
• Reading Room
  • News
  • Blog

I have created dynamic navigation, it only display the main menu, which is About us and Reading Room

You could add something like this to your existing loop for the menu items .Just check if it has childs, and if so, render some extra HTML:

if(item.Children() > 0){
    <ul>
        @foreach(var child in item.Children())
        {
            <li><a href="@child.Url">@child.Name</a></li>
        }
    </ul>
}

Dear Ambert, We tried this. The issue is that.

News will have page created from template which will display the individual news. For example: News will have same template in News 1 News 2 (Its a child for News Template)

But for About us, For example: Out team will have different design Leadership will have different design.

Designs have nothing to do with this right? Just your structure of the site in the Content section.

Please try to put all required info in the main post, as we can't magically guess your configuration / things you ran into :-)

Thanks, we were able to create a navigation dropdown list

is working on a reply...