CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
user1040259
user1040259

Reputation: 6509

Bootstrap navbar custom height

I'm trying to shrink the navbar height for mobile sizes. What I've tried shrinks the navbar, but the JS menu doesn't function. Any ideas?

.navbar-fixed-bottom { height:35px; }

Upvotes: 1

Views: 5128

Answers (1)

Stepan Mazurov
Stepan Mazurov

Reputation: 1374

If you download the custom version or you are using the less css, just change the @navbarHeight variable to desired height.

You can, of course, change it manually, but it will have to be done in multiple places. Use navbar.less file to look for all the references where @navbarHeight is used.

I also didn't see the fact that you wanted to do it only in the mobile site. The .less file for the navbar for the responsive design is responsive-navbar.less. The height is the same for both desktop and mobile navbar, and there is nothing set specifically for the mobile one, but without a bunch of testing I wouldn't recommend changing it.

Upvotes: 3

Related Questions