[kwright]

Yes, it’s coming from the Zen Cart template I wish to use. I may just replace the entire top navigation bar within the template with a Smartmenus nav bar rather then tweak the code to work alongside Smartmenus.

Thanks again for your help. Looking forward to the next release of Smartmenus!

[kwright]

No problem. Thank you for your reply, appreciate your help!

So it looks like the HTML that is being used within the Zen Cart bootstrap template is structured incorrectly? Is it invalid HTML per bootstrap?

I moved the dropdown-menu class from the div to the ul tag to reflect your changes, but left the div tags. Would this be valid bootstrap 4 markup? Why do the div tags break Smartmenus 🙁?

<ul class="navbar-nav">
  <li class="nav-item dropdown">
    <a href="#">Dropdown</a>
   <div>
    <ul class="dropdown-menu">
      <li><a href="#">Link</a></li>
    </ul>
   </div>
  </li>
</ul>

I would like to have the author over at Zen Cart who created the bootstrap template update the structure because I’m trying to get Smartmenus incorporated in to it for the rest of the community to use!

It would be nice if I could reference a bootstrap 4 document that shows they are structuring their HTML incorrectly. However, I can’t seem to find any reference about not putting div’s around a ul/ li structure since I believe it’s valid HTML5 markup.

Thanks again for your help and suggestions!

[Author]

Posts