二十六个破碎的孩子主题

Question

我已经转到了二十六个主题并使用了一个子主题进行编辑。我希望在全屏查看时使网站更窄一点，移动标题和导航菜单，这样我就将这段代码添加到我的主题中。

.site-inner {
 margin: 0 auto;
    max-width: 1140px;
    position: relative;
}
.site {
 margin-left: 300px;
 margin-right: 300px;
}

.header-image img { 
display: block; margin: 0 auto;
}

@media only screen and (min-width: 910px) {
.main-navigation .primary-menu > li {
    display: inline-block;
    float: none;
}
.main-navigation ul {
    text-align: center;
}
}

事情是，现在响应性不起作用，并且在电话级别是不可读的。有任何帮助请告诉我我做错了什么并找到了解决方法吗？我认为它的边际是300。

我的网站是www.alienmilkshakes.com

非常感谢您寻找

Answer 1

使用媒体查询忽略屏幕尺寸较小的边距：

@media only screen and (min-width: 1120px) {
    .site {
    margin-left: 300px;
    margin-right: 300px;
    }
 } 

最小宽度值自行调整。