Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

Discussions on GitHub

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

Reply To: Dropdown not working with other nav bar

Home Forums Latest release 1.1.x + Bootstrap 4 addon Dropdown not working with other nav bar Reply To: Dropdown not working with other nav bar

#9145
kwright
Participant

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!