Javascript 导航栏和滑块不协调

我的导航栏和滑块不协调，z索引是正确的，但是如果我折叠导航栏，它看起来是这样的：

在其他页面上，它的全宽显示如下：

这是一个正常的引导导航栏，滑块的代码如下：

wow=newwow(
{
animateClass:“已设置动画”，
抵销：100，
回调：函数（框）{
log（“哇：动画制作”）
}
}
);
wow.init（）；
document.getElementById（'moar'）。onclick=function（）{
var section=document.createElement（'section'）；
section.className='section--purple-wow-fadeInDown'；
this.parentNode.insertBefore（第节，this）；
};

h2，p{color:#ffffff；}
#滑块动画{最大高度：550px；}
.carousel内部{高度：850px！重要；}
.carousel项目img{宽度：100%；}
.文本框{
位置：绝对位置；
最高：40%；
左：15%；
右：15%；
颜色：#000；
转化：translateY（-50%）；
}

希莎餐饮部安德伦分拣机！
请您在餐厅用餐！我是拉森·凯宁·温施·温斯特
甘兹·贝桑代尔·希沙！
Jeder kennt 0815 Shishas，wir haben keine Lust auf 0815！我不知道你在干什么
是安德尔·克普夫·内恩吗
这是一个很好的例子。这是一场新的艺术游戏