Use dropdown menu on pmd-navbar-sidebar

Hi, I need to open my dropdown menu but when I click on the item the left sidebar suddenly closes. Here the google drive Link to screen recording: https://drive.google.com/file/d/1y8JcXwWfLwlLbQT6sUkVGyvGUtwgr8-4/view?usp=sharing

Here my navbar code:

              <!--nav -->
                <ul id="menu-top-menu" class="nav navbar-nav navbar-right">
                    <li id="menu-item-54" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-53"><a href="#" title="Iperius Backup Freeware"><strong>Free Download</strong></a></li>
                    <li class="dropdown pmd-dropdown">
                      <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Products <span class="caret"></span></a>
                      <div class="pmd-dropdown-menu-container"><div class="pmd-dropdown-menu-bg"></div><ul class="dropdown-menu" style="">
                        <li><a href="#">Iperius Backup <strong>Free</strong></a></li>                    
                        <li><a href="#">Iperius Backup <strong>Cloud</strong></a></li>
                        <li><a href="#">Iperius Backup <strong>Database SQL</strong></a></li>
                        <li><a href="#">Iperius Backup <strong>ESXi - Hyper-V</strong></a></li>
                        <li><a href="#">Iperius Backup <strong>Exchange</strong></a></li>
                        <li><a href="#">Iperius Backup <strong>Tape</strong></a></li>
                        <li><a href="#">Iperius Backup <strong>Desktop/Home</strong></a></li>
                        <li><a href="#">Iperius Console</a></li>
                        <li><a href="#">Iperius Online Storage</a></li>
                        <li><a target="_blank" href="#">Iperius Remote Desktop</a></li>
                        <li role="separator" class="divider"></li>
                        <li class="text-uppercase"><a href="#"><strong>Iperius Software Suite</strong></a></li>
                      </ul></div>
                    </li>
                    <li class="dropdown pmd-dropdown">
                      <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Buy <span class="caret"></span></a>
                      <div class="pmd-dropdown-menu-container"><div class="pmd-dropdown-menu-bg"></div><ul class="dropdown-menu">
                        <li><a href="#">Buy Iperius Backup</a></li>
                        <li><a href="#">Buy Iperius Iperius Console</a></li>
                        <li><a href="#">Buy Iperius Online Storage</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a style="font-weight:bold;" href="#">Become a RESELLER</a></li>
                      </ul></div>
                    </li>
                    <li id="menu-item-53" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-53"><a href=#"><strong>Contact us</strong></a></li>

                <span class="nav-active" style="display: none;"></span></ul>                    

          </div>`

THANKS!

digicorp / propeller

Use dropdown menu on pmd-navbar-sidebar #60