页眉没有固定在页面顶部

Question

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

Answer 1

将header元素置于"container-fluid"元素之前:

body
  header
  container

Answer 2

更新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%;
}