Reply To: Dropdown not working with other nav bar
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!