导航中的 mainmenu.area 导致移动视图右侧出现白色间隙

Question

白色差距似乎是一个受欢迎的问题。然而我似乎无法用传统的解决方案来解决它。

链接到网站https://bomengeduld.github.io/debadkamers/

style.css 链接：https://github.com/bomengeduld/debadkamers/blob/master/style.css

（在移动视图中使用检查器）检测错误：

.mainmenu-area {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999999;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}


html,
body {

width: 100%;
height: 100%;
margin: 0px !important;
padding: 0px !important;

}

当我使用以下内容时，它得到了修复，但随后我失去了菜单栏的样式。

overflow-x: hidden;

Answer 1

以下解决了我的问题

.container {
   overflow: hidden;
}