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

Question

白色差距似乎是一个热门问题。但是我好像用常规的方法解决不了。

link 到网站 https://bomengeduld.github.io/debadkamers/

link 至 style.css：https://github.com/bomengeduld/debadkamers/blob/master/style.css

(use inspector in mobile view) to detect the bug:

.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;

}

When I use the following it gets fixed, but then I loose the styling of menu bar.

overflow-x: hidden;

Answer 1

以下解决了我的问题

.container {
   overflow: hidden;
}