By northk on

Greetings all,

We are using the Bootstrap Theme for Drupal, which is sub-themed by the Apigee Responsive theme, which is finally sub-themed with our custom theme. The Apigee theme modifies the main navbar by adding multi-level menus and other changes. It also adds divs within the navbar rather than just having one unordered list with list items. Unfortunately with all of the changes and complexity, we are having trouble implementing what we want, which is:

  • Multi-level, responsive nav bar with left side logo
  • Centered nav bar
  • Search box and button on the right side of the nav bar, which is also mobile responsive
  • "Hamburger" or similar menu button that shows up on smaller devices and allows you to hide or show the menu

I'm wondering what your recommendation is for building a nav bar like this. We've been making extensive modifications to the Apigee theme via our subtheme, and to Bootstrap's navbar using CSS but it doesn't seem like the navbar was really designed to do what we want, and it's not working very well. Is there a replacement navbar we can use that provides the above functionality and would be relatively easy to integrate into Drupal?

Thanks

⋅ Categories: Drupal 7.x