[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-…

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-…

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

كيفية ضبط ارتفاع الشريط العلوي وشريط الإعلانات

الدعم

NateDhaliwal (Nate Dhaliwal) 18 أكتوبر 2025، 4:32ص 4

مرحباً، ما هي اللافتة التي تشير إليها؟ شكراً.

الموضوع		الردود	مرات العرض
Increase header size when using Graceful theme Development graceful-theme	8	109	12 مارس 2019
How do I increase the navbar height to accommodate a taller logo? Support	2	1107	25 أكتوبر 2015
How to reduce spacing in header image? Support	4	728	18 ديسمبر 2017
How to properly increase header height? Support	3	902	12 فبراير 2020
Sticky global notice Feature	4	1722	18 يناير 2022

كيفية ضبط ارتفاع الشريط العلوي وشريط الإعلانات

الموضوعات ذات الصلة