Php 删除.widget区域、.comment区域和.main导航之间的空间

我的网站是www.rostheexplorer.com

我使用的是Penscratch主题，尽管我已经修改了它的许多方面

我最近做了一些改变，包括使我的标题和导航栏全宽

这些更改的一个意外后果是，现在导航菜单与主要和次要区域之间有很大的空间

我使用谷歌Chrome上的开发者工具，开始尝试改变页面上各种元素的宽度、填充和边距

下面的代码是我最接近解决问题的代码。但只有在浏览器窗口为特定尺寸时，以下选项才起作用。如果浏览器窗口太小，则下面的代码强制内容区域和小部件区域与导航菜单和标题重叠

是否有一种方法可以修改以下代码，使其在不考虑浏览器窗口大小的情况下工作

.widget-area {
    float: right;
    width: 30%;
    margin-top: -350px;
}

#primary.content-area {
    float: left;
    width: 70%;
    margin-top: -350px; 
}

还是有另一个完全不同的解决方案

更改下面的css

style.css:1932 @screen and (min-width: 75em)
.site {
    max-width: 1153px;
    margin: 400px auto;   // change this to margin: 5px auto;
    padding: 54px 108px;
}


:43 @screen and (min-width: 75em) 
.site {
    max-width: 1153px;
    margin-top: -50px auto; //remove this minus is not recommended
    padding: 54px 108px;  // change this to padding: 0px 108px 54px 108px;
}

---

请更改上面的边距和填充

比这简单得多： 第45行：边距顶部仅接受1个属性，您指定了2个（50px自动）。只需删除“自动”