twenty-16th broken child-theme

Question

Ich bin zum Thema twenty-16th gewechselt und habe ein Child-Theme benutzt, um die Bearbeitung zu machen. Ich wollte die Seite ein wenig schmaler machen, wenn man sie im Vollbildmodus betrachtet, verschiebe die Kopfzeile und das Navigationsmenü, so dass ich diesen Code zu meinem Thema hinzugefügt habe.

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

Die Sache ist, jetzt reagiert die Reaktionsfähigkeit nicht und ist auf Telefonebene nicht lesbar. Irgendwelche Hilfe bitte, um mir zu sagen, was ich falsch gemacht habe und eine Arbeit rum? Ich denke es ist der Rand 300's.

meine Seite ist www.alienmilkshakes.com

vielen Dank für das Schauen

Answer 1

Verwenden Sie query Medien Margen bei niedrigerer Bildschirmgröße zu ignorieren:

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

Wert von min-width selbst einstellen.