css - 导航中的 mainmenu.area 导致移动 View 右侧出现白色间隙

Question

白色差距似乎是一个热门问题。但我似乎无法用常规解决方案解决它。

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

链接到 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;
}