Posts

Responsive Bootstrap 4 navbar dropdown-items display as nav-items

Image
0 Hello and thanks in advance for the help. Here's a link to the site in question: caulfield.co/test/originals.html I'm attempting to create a responsive navbar in which the current dropdown-items appear as the standard nav-items after collapse. See this image: The dropdown-items are displaying as intended on desktop. On mobile, however, the separate dropdown is unnecessary. Here is how it displays with Bootstrap 4 out of the box: Does anyone know of a convenient or custom solution to remove the dropdown once the navbar-collapse is in use on mobile etc such that the dropdown-items appear just like the navbar-items ? Ideally, the "More" nav-link would display:none and the nav-items would continue from "Contact" to "Works On Display" seamlessly. HTML: ...