nav中的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;
}