Smaller top menu bar

28 views
Skip to first unread message

Johnny Pedersen

unread,
Apr 12, 2024, 3:26:38 AMApr 12
to Jam.py Users Mailing List
I am struggling with CSS to get the top menu bar smaller (less height). No success so far. 

image.png

Anyone?

Dean D. Babic

unread,
Apr 14, 2024, 9:32:59 PMApr 14
to Jam.py Users Mailing List
No need to touch css, just install a  theme, ie Simplex from here:

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
and got the smaller menu.

Dean D. Babic

unread,
Apr 14, 2024, 10:05:41 PMApr 14
to Jam.py Users Mailing List
Or, modify your css file as per above with:
.navbar-inner {
  min-height: 20px;
.
.
.navbar .navbar-text {
  padding: 13px 15px 7px;
.
.
Which produces:
Navbar.JPG

Dean D. Babic

unread,
Apr 14, 2024, 10:46:03 PMApr 14
to Jam.py Users Mailing List
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.

Screenshot from 2024-04-15 10-38-19.png
Reply all
Reply to author
Forward
0 new messages