大家好。
我已将代码添加到所需字段，但无效。我在哪里出错了？
我也尝试了插件，但它破坏了搜索栏区域。
嗯，是的，我怀疑您需要做一些额外的 CSS 工作才能使标题栏与链接协同工作。
问题是，您是否也在为移动设备开发？因为移动设备上的标题栏空间少得多，可以添加内容。您不想做一个漂亮的桌面网站，结果却发现您的移动视图一团糟。
我记不清了，但那里可能还有一个插件插槽供您使用。
你好 Lilly。
我想只为桌面版做这个。
移动视图现在没问题了，我不想在那里缩小标题区域。
顺便说一句，如果做不到也没关系。此按钮将重定向到论坛类别。
我只是想让那个按钮营造一种良好的氛围。
1 个赞
您的意思是这个区域的图标，例如？
您能详细说明一下您具体要找什么吗？
此区域中的插件插槽是 before-header-panel。
自定义标题链接 和 标题搜索 组件会使用此插槽。
自定义标题链接 是推荐的方式！
正如 Lilly 所说，您需要在此处调整 CSS。
据我所见，标题链接 组件在插槽容器上使用了一些 CSS，这可能解释了它为何破坏了搜索功能。
如果您不介意，能否重新启用该组件，以便我直接查看您的论坛？
4 个赞
这里有解释，但当我编写必要的代码时，它不起作用。
我现在启用了，您可以查看了，谢谢您的帮助 
当我使用此代码时，匿名用户看起来正常。但登录用户看起来不正常。原因是用于居中搜索栏的代码。
我已经登录，显示正常。我看到搜索居中。请看我的截图。
2 个赞
是的，他手动添加了 margin-right: -35px; 来补偿标题面板，现在，随着链接的加入，该值需要再次调整。
2 个赞
我之所以这样做，是因为登录会员后搜索栏不会左右移动。登录前后搜索栏都保持在同一位置。
但它似乎也影响了自定义页眉链接插件。我想我暂时不会在那里放一个按钮。如果我们能用 CSS 和 HTML 添加它，我很想试试。
感谢您抽出宝贵时间。 :拥抱:
1 个赞
您还可以使用绝对定位将搜索栏移出流。
您将不再需要 margin。
.floating-search-input-wrapper {
position: absolute;
left: 0;
top: calc((4em - 2.6rem - 2px - 2px) / 2); /* header height - search height - margin - border */
width: 100%;
}
您可能需要添加媒体查询来控制低分辨率下的宽度，并确保它不会与其他元素重叠。
太棒了，非常感谢，我会进行控制/检查。
但是，当我启用自定义页眉链接时，页眉部分看起来不正常。
这不是一个大问题。我只是想在页眉部分添加一些视觉元素。
你好 @Arkshine 我刚意识到。在此代码之后，无法点击徽标。
我认为这与 position: absolute; 代码有关。
您可以添加该 CSS 以使徽标堆叠在搜索栏上方。
.home-logo-wrapper-outlet {
z-index: 1;
}
您还可以使用 CSS floating-search-input 来避免处理侧边（确保删除 floating-search-input-wrapper 上的 CSS）：
.floating-search-input {
position: absolute;
left: 0;
transform: translateX(calc(50vw - (33rem / 2)));
}
非常感谢 Arkshine