Can I make this nav bar (not sure that;'s the right term) smaller, say 30px

[pitosalas]

I am not sure it's called the nav bar, but here is what I mean:

I would like to make it thinner, say around 30px. I tried various css things but none of them worked fully. And I can't find an official parameter for that. Any idea?

[alexvoss]

There is not setting for most of these things, for the simple reason that making everything configurable would lead to bloat - and then there would still be thing people want to have configurable. Instead, the approach is that you can configure the elements of the site by editing templates, partial and blocks. The process is described in the customization guide.

You can then add your own CSS styling on top of this with extra css. Your browser's developer tools are your friend here for figuring out what classes you can attach to (this is assuming that you are not familiar with SCSS and can interpret the source directly).

In this case, the main problem is going to be re-arranging or resizing the content of the header. Just setting its height to 30px will not look good. If you are interested in a more lightweight look rather than saving space, can I suggest that you change the colors used instead of changing the layout? I think that should be comparatively easy to do. You can also use an image as a background, as described in this discussion.

Hope this helps.

[pitosalas]

Thanks, I did change the color and it helped just like what you said!

…

On Jan 17, 2024 at 5:25:01 PM, Alexander Voss ***@***.***> wrote: There is not setting for most of these things, for the simple reason that making everything configurable would lead to bloat - and then there would still be thing people want to have configurable. Instead, the approach is that you can configure the elements of the site by editing templates, partial and blocks. The process is described in the customization guide <https://squidfunk.github.io/mkdocs-material/customization/#customization> . You can then add your own CSS styling on top of this with extra css <https://squidfunk.github.io/mkdocs-material/customization/#additional-css>. Your browser's developer tools are your friend here for figuring out what classes you can attach to (this is assuming that you are not familiar with SCSS and can interpret the source directly). In this case, the main problem is going to be re-arranging or resizing the content of the header. Just setting its height to 30px will not look good. If you are interested in a more lightweight look rather than saving space, can I suggest that you change the colors used instead of changing the layout? I think that should be comparatively easy to do. You can also use an image as a background, as described in this discussion <#6654>. Hope this helps. — Reply to this email directly, view it on GitHub <#6659 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAAK5CJOYJIUXFFAREOMRPDYPBFT3AVCNFSM6AAAAABB65FGKSVHI2DSMVQWIX3LMV43SRDJONRXK43TNFXW4Q3PNVWWK3TUHM4DCNRSGQZTA> . You are receiving this because you authored the thread.Message ID: ***@***.*** com>