粘性导航栏不完全粘性

Question

在https://www.worldwideholidays.co.uk/上的任何页面上，向下滚动时，仅跟随导航栏的下半部分。顶部（联系方式）不跟随。我怎样才能做到整个一半呢？

我尝试添加.navbar-extra-top等其他元素，但没有运气。

主页上的示例代码：

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

滚动时：

body #MainMenu.navbar.scrolled {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background: #363c48;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);