[SnowShot_2025-10-18_10-32-43]

If you inspect the global notice banner with browser devtools, you can see the div has an id and some classes: [image] [image] It normally gets the padding, which affects the banner size, from the .alert class: [image] But you can override that just for the Global Notice, like this: #global-notice-alert-global-notice { padding: .2em .5em .2em .5em; } [image]

You can’t do this normally, but can do so with CSS, but it really depends on what height you want. May I ask, what is the reason for this? Thanks.

顶部导航栏相对徽标和头像显得太高了。横幅高度相对于文字高度来说显得也有些高。可以的话能给我修改这些的css代码吗？

Hi there, which banner are you referring to? Thanks.

I’ll take a guess is that “banner” means the header bar: [image] …which you should be able to change like this (choose your own height and units): header.d-header { height: 50px; } And maybe “top navigation bar” is the topic menu: [image] …which you can change like this: section.navigation-container { height: 40px; }

[SnowShot_2025-10-18_13-08-50]Global Notice

How to adjust the height of the top navigation bar and banner

תמיכה

祁同伟 18 באוקטובר,‏ 2025,‏ 2:56am 3

The top navigation bar is too tall relative to the logo and avatar.

The banner height is also a bit too tall relative to the text height.

Could you provide me with the CSS code to modify these, if possible?

נושא		תגובות	צפיות
Increase header size when using Graceful theme Development graceful-theme	8	249	12 במרץ,‏ 2019
How do I increase the navbar height to accommodate a taller logo? Product Support	2	1158	25 באוקטובר,‏ 2015
How to reduce spacing in header image? Product Support	4	828	18 בדצמבר,‏ 2017
How to properly increase header height? Product Support	3	992	12 בפברואר,‏ 2020
Sticky global notice Feature	4	1826	18 בינואר,‏ 2022

How to adjust the height of the top navigation bar and banner

נושאים קשורים