Support » Teemat ja mallit » 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;
    }

    The page I need help with: [log in to see the link]

Esillä 1 vastausta (kaikkiaan 1)
  • Mobiilinäkymä on tosi paljon kapeampi kuin 30em, sen takia toi sun media query ei nappaa. Vaihdapa tuo min-width: 30em vaikka muotoon max-width: 768px niin pitäisi toimia paremmin.

Esillä 1 vastausta (kaikkiaan 1)
  • The topic ‘Twenty Seventeen padding pois mobiilinäkymästä’ is closed to new replies.