HostOnNet Blog

How to fix nav-collapse issue when using two Bootsrap Navbar

Looking for Linux Server Admin or WordPress Expert? We can help.

bootstrap-navbar

Currently, Iam working on to convert http://blog.hostonnet.com to Bootstrap Responsive Framework

In blog, I have to use two Navbars, one is from http://hostonnet.com and other is blog menu.

I added the Navbar code and it work fine but in a toggle mode clicking on icon lists both “nav-collapse” items

I fixed the issue by adding a new class ‘blog-menu’ On line

<div class="navbar-collapse collapse">

So the new code will be

<div class="navbar-collapse collapse blog-menu">

and then data-target=”.nav-collapse” change to data-target=”.blog-menu”

New code will be like below

<button data-target=".blog-menu" data-toggle="collapse" class="navbar-toggle" type="button">

You may also check my previous article ‘How to use Bootstrap Navbar in WordPress Theme

About Sibi Antony

Bootstrap and Android LOVER. I've been creating things for the web for over 10 years, from the period of flash and table based layout web sites till mobile and tab friendly web sites.
Posted in Bootstrap, Wordpress

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.