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!

Register

You will be emailed a link to set your password.

Login

Lost password?