Smaller top menu bar

[Johnny Pedersen]

I am struggling with CSS to get the top menu bar smaller (less height). No success so far. 

Anyone?

[Dean D. Babic]

No need to touch css, just install a  theme, ie Simplex from here:

https://bootswatch.com/2/

Ie, I overwrite lib/python3.8/site-packages/jam/css/bootstrap-cerulean.css
with https://bootswatch.com/2/simplex/bootstrap.css

and

lib/python3.8/site-packages/jam/css/bootstrap-cerulean.min.css

with https://bootswatch.com/2/simplex/bootstrap.min.css

and got the smaller menu.

[Dean D. Babic]

Or, modify your css file as per above with:
.navbar-inner {
  min-height: 20px;
.

.

.navbar .navbar-text {
  padding: 13px 15px 7px;

.

.

Which produces:

[Dean D. Babic]

Sorry, 

.navbar .nav > li > a {
  padding: 3px 5px 3px;
.

.

Basically, open Browser Developer tools, point selector to an item and look for padding. For TWO items we changing css,

one is a Menu itself, which we need to modify a min-height, and second is a stuff inside Menu, which is padding.

As visible in the bottom circle, the css is ".navbar .nav > li > a", we find this in CSS file, and adjust.

The padding is now 3,5,3 and very small Menu.