Big Header - Little Header

Just a heads up to anyone using this component - I pushed an update that makes it compatible with the core changes that were made to the Discourse header. Let me know if you find any lingering issues. I plan to do a larger refactor when time permits, but hopefully it’s in working condition again.

cc @Alec (since you reported the issue)

3 个赞

Hi! I find this works great on desktop / tablet platforms but on mobile it overrides the search / hamburger / user profile buttons (and Log In…if not logged in).

The buttons are all displayed, but they are not clickable because the hyperlink of the logo is taking precedence.

EDIT >> Fixed with the following CSS.

a#logo-link {
    margin-top: 40px;
}
1 个赞

Hey, I really love this but I would also like to change the size of the small logo! In the theme/component I can only change the size of the big one. What is the most straightforward way to change the size of the standard logo too?

If I’m understanding you correctly, you should be able adjust the normal logo’s size by adding the following CSS rule to a new local component (e.g. “Big Header - Little Header Customizations”) you create on your site.

.scrolled-down .d-header #site-logo {
   height: 1.57em;
}
1 个赞

So - there is no way on the Big Header, Little header to have different header Logos for mobile and desktop?

1 个赞

Anyway to set an alternate logo for dark mode?

1 个赞

These are good suggestions and shouldn’t be too difficult to support. I’ve got a lot on my plate at the moment, but will try to dig in soon.

2 个赞

Thanks! I love the big header/little header theme component on desktop but sadly without mobile support its really hard to use (50%+ of my traffic is mobile). Looking forward to the update.

1 个赞

只是来跟进一下……我仍然很想在我的网站上实现这个功能,但需要支持移动端,因为现在一半的流量都来自移动端。

1 个赞

感谢您对此事的跟进。我已经完成了“分类预览”组件的一些工作。接下来是“多功能横幅”组件,然后我应该就能处理这个问题了。

不幸的是,我提到的那个盘子现在仍然很满 :sweat_smile:

3 个赞

非常期待您有空的时候 :grinning:

1 个赞

除非有极端情况,我下周会抽出时间。您非常有耐心!


更新! 我已经在本地实现了移动端和暗黑模式专用 Logo。我只是想确保彻底测试所有内容。有很多不同的场景包含不同的回退方案,所以我想确保我做得对。应该很快就能准备好!(这周过得太快了,希望我下周能完成它)

3 个赞

好的 - 非常感谢……

好的 - 我现在就更新并重试吗?

1 个赞

还没有。我还没有提交更改。最后的测试应该在明天完成!


好的 @BCHK@ncaming215,这个组件以后还有很多工作要做,但我通过以下提交添加了暗色/移动端 Logo 支持:

请更新组件并告知我是否发现任何问题。

4 个赞

在移动设备上运行正常,但在使用默认主题的桌面版新侧边栏上似乎不兼容。

如果需要更多信息,请告诉我,但我认为除了侧边栏之外,我的安装没有其他特殊之处。

1 个赞

侧边栏仍有问题,正如 DonH 在上面的消息中指出的那样。

如果能有这个组件会非常好。我的徽标在默认标题中变得非常小。

此致,

1 个赞

您好,这个还有效吗?
当我激活组件时,我的标题中的徽标会完全消失,即使我已经为以下内容上传了图片:

移动徽标网址
深色徽标网址
移动徽标网址

目前,您可以认为它已损坏。该组件已有两年未更新,并且核心已发生许多更改。乍一看,至少需要进行一些 CSS 调整。

谁有责任将主题组件、插件等标记为“已损坏”(作者?)。

我现在将其标记为 #broken。欢迎提交 PR 来修复它!很遗憾,我现在没有时间去研究它。

2 个赞