使用CSS实现全宽标题栏吗？

开发
1

你好，除了这些代码之外，还有其他代码吗？
以及除了这个 GitHub - discourse/discourse-full-width-component: Make Discourse occupy the full browser width 之外？

.d-header,
.drop-down-visible .d-header {
  padding-top: 0px;

  .wrap {
    max-width: none;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 0;
    width: 100%;
    padding: 0;
  }

}

全宽组件后的截图

Ekran görüntüsü 2024-04-04 191436
Ekran görüntüsü 2024-04-04 1914362523×1259 173 KB

2

请帮忙，我该如何解决？
使用全宽组件（我已逐一将代码添加到网站，但无效）。

3

您好，

您指的是：

吗？

您是否正确安装了全宽组件？您是否尝试禁用其他组件以查看是否有任何干扰？

4

您好 @chapoi，感谢您的关注。
我删除了组件并使用了这些代码。

.d-header>.wrap {
    margin-right: 15px;
    margin-left: 15px;
    max-width: none;
}

代码现在可以按我想要的方式工作了。:pray: