ION模板横幅定位

Question

使用https://templated.co/ion

我无法将横幅重新定位得稍微低一点，以便在左上角使用徽标图片而不是文字。当我加载具有新标题高度的页面时，它会短暂闪烁正确高度的白色背景，但横幅不会向下移动并且页面恢复到原始位置，即使我替换了一些继承，徽标也会悬垂在横幅图像上并增加了导航高度。

任何建议表示赞赏。

Answer 1

很可能，这就是您正在寻找的（根据您的需要调整 - 5em 是示范性的）：

#header {
  height: 5em;
  line-height: 5em;
}
#skel-layers-wrapper {
  padding-top: 5em;
}

请注意，这必须在style.css 之后加载（或者如果您在此文件中放置自己的模组，则将其放在最后）。或者（但不推荐），您可以只修改行 880 和 884 上的现有值。

通常，进行自定义的最佳方式是将它们放在单独的文件中，然后在原始资源之后加载它，原始资源应该保持不变。
这为您的项目提供了更好的代码控制、更高的维护能力和升级能力。将自定义文件放在原始文件之后，您可以应用更改，而无需增加原始选择器的特异性。