Html Bootstrap 4导航条汉堡没有正确显示，它'；在移动设备上，屏幕的一侧将显示“s”

我从bootstrap 4模板组合中创建了一个网站，并注意到在移动设备上导航栏显示不正确。 直到我向下滚动到页面的一半，navbar汉堡包才出现在屏幕上。我必须滚动页面的上半部分才能看到汉堡包，但下半部分会弹出屏幕。我正在查看html和css文件，以找到是什么定义了这一点，但我找不到任何东西。。。有人知道我应该去哪里吗？ 我附上了一些截图来说明我的意思。编辑-由于声誉级别，无法显示图像 导航栏在移动设备上也不是固定的。我试着查看css和html，看看是什么影响了这一点，但我看不到任何异常，可能有一些冲突的代码吗？ 有人能帮忙吗

/*移动导航*/
.移动导航{
位置：固定；
排名：0；
底部：0；
z指数：9999；
溢出y：自动；
左：-260px；
宽度：260px；
填充顶部：18px；
背景：#ffffff；
过渡：0.4s；
}
.移动导航*{
保证金：0；
填充：0；
列表样式：无；
}
.移动导航a{
显示：块；
位置：相对位置；
颜色：#393f44；
填充：10px 20px；
字号：500；
}
.移动导航a:悬停，.移动导航active>a，.移动导航li:悬停>a{
颜色：#36b94c；
文字装饰：无；
}
.移动导航下拉列表>a:之后{
内容：“\ea99”；
字体系列：IcoFont；
左侧填充：10px；
位置：绝对位置；
右：15px；
}
.mobile nav.active.下拉列表>a:之后{
内容：“\eaa0”；
}
.移动导航下拉列表>a{
右边填充：35px；
}
.移动导航下拉列表ul{
显示：无；
溢出：隐藏；
}
.移动导航下拉列表li{
左侧填充：20px；
}
.移动导航开关{
位置：固定；
右：15px；
顶部：20px；
z指数：9998；
边界：0；
背景：无；
字体大小：24px；
过渡：全部为0.4s；
大纲：无！重要；
线高：1；
光标：指针；
文本对齐：右对齐；
}
.移动导航开关i{
颜色：#5c768d；
}
.移动导航{
宽度：100%；
身高：100%；
z指数：9997；
排名：0；
左：0；
位置：固定；
背景：rgba（31,53,72,0.7）；
溢出：隐藏；
显示：无；
}
.移动导航激活{
溢出：隐藏；
}
.移动导航激活。移动导航{
左：0；
}
.移动导航激活。移动导航切换i{
颜色：#fff；
}

我发现了导致屏幕一侧出现空白并将汉堡包推到一边的问题，这是我正在使用的动画

数据aos=“向左淡入”

---

一旦我更改了这个选项，它就可以正常工作了，我只是将它更改为data aos=“fade up”

您的类与html不匹配？html中没有对移动导航的引用？没有引导4导航类或汉堡按钮？我实际上有2个css文件，因为我使用了多个模板并将它们放在一起，我可能需要将其压缩为一个文件。。。