Twenty Seventeen padding pois mobiilinäkymästä

Miten saan koko sivun levyisiksi määritellyt kuvat näkymään myös mobiilissa ilman paddingia?

Ja miksi kuvat muuttuvat pakatuiksi julkaistaessa sivu, vaikka esikatselussa ovat vielä hyvälaatuisia? Kuvat ovat leveydeltään 3500 pikseliä, koska niiden pitäisi näkyä hyvälaatuisina suuremmallakin näytöllä. Olen yrittänyt estää pakkaamisen tällä:

add_filter(’jpeg_quality’, function($arg){return 100;});

Muuta lisä-CSS:ää sivustolla:

.wrap {
max-width: 100%;
}

@media screen and (min-width: 48em) {
.wrap {
max-width: 100%;
}
}

.page.page-one-column:not(.twentyseventeen-front-page) #primary {
max-width: 100%;
}

@media screen and (min-width: 30em) {
.page-one-column .panel-content .wrap {
max-width: 100%; padding-left: 0; padding-right: 0;
}
}

.page .entry-header { display: none; }

.twentyseventeen-front-page .entry-header {
display: none;
}

Sivu, jonka kanssa tarvitsen apua: [kirjaudu sisään nähdäksesi linkin]