# Mobile menu bar
**URL:** https://forum.pinegrow.com/t/mobile-menu-bar/717
**Category:** Blocks
**Created:** [February 21, 2017, 6:57pm UTC](https://forum.pinegrow.com/t/mobile-menu-bar/717 "2017-02-21T18:57:44Z")
**Posts on this page:** 7
**Page:** 1
### Author:  [@Paul](https://forum.pinegrow.com/u/Paul)
#### Post date: [February 21, 2017, 6:57pm UTC](https://forum.pinegrow.com/t/mobile-menu-bar/717/1 "2017-02-21T18:57:44Z")
Hi
How do you force the bootstrap navbar to only show the mobile menu?
---
### Author:  [@Pinegrow\_User](https://forum.pinegrow.com/u/Pinegrow_User)
#### Post date: [February 22, 2017, 1:40pm UTC](https://forum.pinegrow.com/t/mobile-menu-bar/717/2 "2017-02-22T13:40:50Z")
If you mean across all breakpoints,[have a look through some of these about overriding via custom classes](https://www.google.com/#q=show+collapse+navigation+for+all+screen+sizes) (or search similar). You could also do a custom build of Bootstrap if you wanted I suppose. But by overriding via custom classes, would perhaps offer easier flexibility if needed however.
---
### Author:  [@Jack](https://forum.pinegrow.com/u/Jack)
#### Post date: [February 22, 2017, 7:26pm UTC](https://forum.pinegrow.com/t/mobile-menu-bar/717/3 "2017-02-22T19:26:36Z")
Team effort on this one as I’m not taking any credit! but following what @Pinegrow_User posted, visit this link:
>
Copy and paste the following code into your notepad
```
@media (max-width: 2000px) {
.navbar-header {
float: none;
}
.navbar-left,.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in{
display:block !important;
}
}
```
save as mybootstrap.css
Open Pinegrow, load the stylesheet, attach the stylesheet and this should be the result
There may be a simpler way to achieve this but you would need to explore further, however at least you have one solution.
---
### Author:  [@Jack](https://forum.pinegrow.com/u/Jack)
#### Post date: [February 22, 2017, 9:29pm UTC](https://forum.pinegrow.com/t/mobile-menu-bar/717/4 "2017-02-22T21:29:18Z")
Actually that css is quite useful as I haven’t needed to look into this until now but change this line to the px you want the hamburger menu to appear
```
@media (max-width: 2000px)
```
So if you want the mobile menu to appear at 1000px, just change the value, which is useful for when you have a crammed nav bar.
---
### Author:  [@Rob](https://forum.pinegrow.com/u/Rob)
#### Post date: [February 22, 2017, 9:43pm UTC](https://forum.pinegrow.com/t/mobile-menu-bar/717/5 "2017-02-22T21:43:44Z")
@Pinegrow_User weird when I click the link you posted it just loads the google homepage but no search results! What sort of crazy magic is that! When I hover over the link I can see what the url is meant to be but it just refuses to load!
---
### Author:  [@Rob](https://forum.pinegrow.com/u/Rob)
#### Post date: [February 22, 2017, 9:46pm UTC](https://forum.pinegrow.com/t/mobile-menu-bar/717/6 "2017-02-22T21:46:42Z")
@Paul there’s some info about it here as well [Bootstrap Navbar](http://getbootstrap.com/components/#navbar)
---
### Author:  [@Paul](https://forum.pinegrow.com/u/Paul)
#### Post date: [February 23, 2017, 4:32pm UTC](https://forum.pinegrow.com/t/mobile-menu-bar/717/7 "2017-02-23T16:32:33Z")
Thank you, I’ll give that a shot.