页眉未固定在页面顶部

【问题标题】：Header not fixing at top of page页眉未固定在页面顶部
【发布时间】：2017-03-31 02:05:50
【问题描述】：

在我的网站上，我目前正在http://ubie-global.ubieportal.co.uk/ 创建我的标题有一个固定的 CSS 位置。但是，因为我已经对我网站上的菜单进行了更改。标题不再固定在顶部

【问题讨论】：

【解决方案1】：

更新您的 page-wrap 类元素

.page-wrap {
    min-width: 100%;
    min-height: 100%;
    position: relative;
    top: 0;
    bottom: 100%;
    z-index: 1;
}

在导航打开时防止页面滚动：

.page-wrap-menu {
    transform: translateX(-360px);
    position: fixed;
    width: 100%;
    height: 100%;
}

【讨论】：

【解决方案2】：

将标题元素放在“container-fluid”元素之前：

body
  header
  container

【讨论】：