[TYPO3-english] Nav menu (TMENU)

[Alex Borodinov]

Hi, couldn't some help me with the menu?

I have this html markup
_________________________________________________
<div class="collapse navbar-collapse" id="navbarResponsive">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item">
              <a class="nav-link" href="about.html">About</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="services.html">Services</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="contact.html">Contact</a>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#"  data-toggle="dropdown" >
                Portfolio
              </a>
              <div class="dropdown-menu dropdown-menu-right" >
                <a class="dropdown-item" href="portfolio-1-col.html">1 Column Portfolio</a>
                <a class="dropdown-item" href="portfolio-2-col.html">2 Column Portfolio</a>
                <a class="dropdown-item" href="portfolio-3-col.html">3 Column Portfolio</a>
                <a class="dropdown-item" href="portfolio-4-col.html">4 Column Portfolio</a>
                <a class="dropdown-item" href="portfolio-item.html">Single Portfolio Item</a>
              </div>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">
                Blog
              </a>
              <div class="dropdown-menu dropdown-menu-right" >
                <a class="dropdown-item" href="blog-home-1.html">Blog Home 1</a>
                <a class="dropdown-item" href="blog-home-2.html">Blog Home 2</a>
                <a class="dropdown-item" href="blog-post.html">Blog Post</a>
              </div>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">
                Other Pages
              </a>
              <div class="dropdown-menu dropdown-menu-right" >
                <a class="dropdown-item" href="full-width.html">Full Width Page</a>
                <a class="dropdown-item" href="sidebar.html">Sidebar Page</a>
                <a class="dropdown-item" href="faq.html">FAQ</a>
                <a class="dropdown-item" href="404.html">404</a>
                <a class="dropdown-item" href="pricing.html">Pricing Table</a>
              </div>
            </li>
          </ul>
        </div>
_________________________________________________

I have this TS Menu setup:
_________________________________________________
lib.content_menu= HMENU
lib.content_menu {
  1=TMENU
  1{
    noBlur=1
    expAll = 1
    ACT = 1
    CUR = 1
    NO=1
      NO {
         wrapItemAndSub=<li class="nav-item">|</li>
         ATagTitle.field=title
	 ATagParams = class="nav-link"
      }
    IFSUB<.NO
    IFSUB.ATagParams = class="nav-link dropdown-toggle" data-toggle="dropdown"
    IFSUB.wrapItemAndSub=<li class="nav-item dropdown">|</li>
    ACT<.NO
        // ACT.wrapItemAndSub=<li class="nav-item">|</li>
        // ACT.ATagParams =  id="current_page_item"
    CUR<.NO
    CUR {
      //wrapItemAndSub = <li class="nav-item">|</li>
      //ATagParams = class="drop"
         }
     }

  2<.1
  2 {
     //entryLevel=1
     NO>
     IFSUB>
     NO = 1
     NO.ATagParams = class="dropdown-item"
     wrap=<div class="dropdown-menu dropdown-menu-right">|</div>
    }
_________________________________________________

The problem is that works only on first level. When i click on subpages, the menu gets broken.