ION模板横幅定位

时间:2017-03-30 16:03:27

标签: css header height nav banner

使用https://templated.co/ion

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

任何建议表示赞赏。

1 个答案:

答案 0 :(得分:0)

最有可能的是,这正是您所寻找的(根据您的需求调整 - 5em是示范性的):

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

请注意,必须在style.css之后加载(或者放在最后,如果你将自己的mod放在这个文件中)。或者(但不推荐),您只需修改行880884上的现有值。

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