двадцать шестнадцать сломанных детей-тема

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

Значение мин-ширина настроить себя.