0

I'm using bootstrap and I've managed to change the height for the navigation bar when width is more than 768px from 50px to 80px. When I look at it via mobile, it goes back to 50px. How do I go about changing the height and centering the menu icon according to the height?

Here's what I did to change the height

.navbar {
    min-height:80px !important;
}

All help appreciated. Thanks

AndrewTsang
  • 306
  • 3
  • 19

2 Answers2

0

change @navbar-height and @navbar-padding-vertical

visit this for more details

Community
  • 1
  • 1
Dyrandz Famador
  • 4,499
  • 5
  • 25
  • 40
  • Thanks for the quick response. But i cant find any of the two in bootstrap.min.css. Any ideas? Thanks – AndrewTsang Mar 27 '15 at 05:40
  • Thanks for the links. The problem is I cant find navbar-height or navbar-padding-vertical in the links you sent me. is there a more specific way? Thanks – AndrewTsang Mar 27 '15 at 06:18
0

have you try this?

.navbar {
    min-height:50px !important;
}

@media (min-width: 768px) {
    .navbar {
        min-height:80px !important;
    }
}
Rama Bramantara
  • 876
  • 1
  • 6
  • 6
  • Hi, That changed the mobile version of the navbar to 50px. I managed to change it to 80px, but on clicking the menu icon, the dropdown starts after 50px. i need it to start after 80px. Any ideas? Thanks – AndrewTsang Mar 27 '15 at 06:05