# Bootstrap Responsive Navbar

**URL:** https://forum.kirupa.com/t/bootstrap-responsive-navbar/637757
**Category:** web dev
**Created:** [January 18, 2018, 8:40am UTC](https://forum.kirupa.com/t/bootstrap-responsive-navbar/637757 "2018-01-18T08:40:30Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![VaiFanatic](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/vaifanatic/32/7159_2.png) [@VaiFanatic](https://forum.kirupa.com/u/VaiFanatic)
#### Post date: [January 18, 2018, 8:40am UTC](https://forum.kirupa.com/t/bootstrap-responsive-navbar/637757/1 "2018-01-18T08:40:31Z")

</div>

So, working on another page, and I’m trying to make it so that the navbar becomes the overused hamburger we all know and love using bootstrap.

One big issue I’m having is that even customizing bootstrap to my needs, the included CSS overwrites or conflicts with the theme of the page! I’d rather not spend hours looking through and tweaking everything just to get it to play nice.

Are there any other alternatives for responsive navbars?

I tried creating a pure CSS menu, and it worked, but not having the navbar close or move out of the way requiring additional user input is far too much of inconvenience to impose on someone browsing.

The rest of the site is a bit of a nightmare in terms of scaling on a mobile device, but I can deal with that later. Getting the navbar down is critical!

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [January 18, 2018, 4:33pm UTC](https://forum.kirupa.com/t/bootstrap-responsive-navbar/637757/2 "2018-01-18T16:33:08Z")

</div>

Can you show an example of what you have so far? There may be simpler alternatives using media queries and a little bit of trickery.

---

<div class="post-metadata">

### Author: ![VaiFanatic](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/vaifanatic/32/7159_2.png) [@VaiFanatic](https://forum.kirupa.com/u/VaiFanatic)
#### Post date: [January 18, 2018, 4:34pm UTC](https://forum.kirupa.com/t/bootstrap-responsive-navbar/637757/3 "2018-01-18T16:34:02Z")

</div>

Will do once I’m back in my home office.

On my decaying Macbook at the moment with no access to anything!

---

<div class="post-metadata">

### Author: ![VaiFanatic](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/vaifanatic/32/7159_2.png) [@VaiFanatic](https://forum.kirupa.com/u/VaiFanatic)
#### Post date: [January 30, 2018, 11:05pm UTC](https://forum.kirupa.com/t/bootstrap-responsive-navbar/637757/4 "2018-01-30T23:05:01Z")

</div>

Haven’t had a chance to do much on this, so I’ve temporarily shelved this project. It’s not going anywhere anyway.

Bootstrap is cool stuff, but man it’s not worth the headache if you really gotta customize it.

I’m most likely going to make it all myself using javascript.
