ION 模板横幅定位

Question

使用https://templated.co/ion

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

感谢任何建议。

Answer 1

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

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

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

上的现有值

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