页面右侧的白色空间 - 神秘

Question

如何摆脱网站侧面的空白区域？我没有想法，我似乎无法看到导致我的网站的每个页面都有这个空白区域的问题。

有人可以帮忙看看萤火虫吗？ - 看看有没有我错过的东西.. 该网站在这里： www.sugarskull.co

Answer 1

我正在使用Chrome，我在<div> top-pusher注意到您的身高为45px。

删除此

#top-pusher {
  /* height: 45px; */
}

删除了您正在谈论的边线，我也没有注意到布局的变化（删除后的全屏幕。

在移动设备中，您的标题周围有填充，这就是黑色菜单按钮无法触摸窗口的原因：

body#home div#header {
  background: transparent;
}

只需将padding:0添加到div#header即可删除菜单/导航栏上的填充边距。

编辑： 空格键似乎只在主页上，因此您应该使用此修补程序定位该页面：

#home #top-pusher{
/* fixes right side gape */
height:0px;
}

#home div.sequence-theme{
/* removes white space on bottom */
margin:0;
}

@media /*Your mobile screen size */
    body#home div#header {
      background: transparent;
/*removes spacing allow your nav bar to touch the sides of the window*/
padding:0;
    }

Answer 2

您需要将以下css添加到#top-pusher margin-right:0;margin-left:0;

您可能还需要添加！important，因为您正在抓取.row

中的样式