Weitere Informationen und den Download findest du auf der offiziellen Anlaufstelle de.wordpress.org
Ergebnis 1 bis 6 von 6
  1. #1
    PostRank: 0
    Registriert seit
    11.07.2012
    Beiträge
    11

    Header wird gequetscht

    Hallo Leute,

    Ich habe folgendes Problem:
    Bei meiner Website passt soweit alles, jedoch wird mir mein Headerbild am Smartphone nicht nur verkleinert sondern auch in der Länge gequetscht.
    Hat jemand eine Idee wie das zu beheben ist so dass das Headerbild nur verkleinert wird aber die Proportionen beibehält?

    Der Link zu meiner Website:
    meine-kleine-homepage.at

    Bitte nicht wundern - das Headerbild ist nur vorläufig und muss noch ersetzt werden! Daher ist hier nur ein Vorschaubild des Originals eingefügt!

    Vielen Dank und liebe Grüße,
    Alex


  2. #2
    PostRank: 0 Avatar von Fabian Geier
    Registriert seit
    30.03.2016
    Beiträge
    11
    Hallo Alex,
    das Problem ist das CSS des flexsliders.

    Dort steht:
    HTML-Code:
    img {    height: 200px;    width: 100%;}
    Damit es nicht verzerrt ist, müsste dort stehen:
    Du müsstes den Code in die style.css deines Templates schreiben und ggf. mit !important erzwingen.

    HTML-Code:
    .flexslider img {    height: auto;    width: 100%;}
    Ich hoffe ich konnte helfen

    Fabian

  3. #3
    PostRank: 10 Avatar von SirEctor
    Registriert seit
    28.10.2008
    Beiträge
    9.601
    Ich würde den Code von Fabian Geier auf einen bestimmten media-query beschränken:
    @media only screen and (max-width: 767px) and (min-width: 320px)
    Das Geheimnis des Könnens liegt im Wollen!

  4. #4
    PostRank: 0
    Registriert seit
    11.07.2012
    Beiträge
    11
    Viiiiilen Dank 😍 das hat funktioniert 👍

  5. #5
    PostRank: 0 Avatar von Bloghexe
    Registriert seit
    18.02.2017
    Beiträge
    5
    Hallo, ich bin neu hier und hätte gleich eine Frage:

    Bei Nutzung von Twenty Seventeen und Einfügung von Headerbildern in der gewünschten Auflösung 2000 x 1200 wird der Header in der mobilen Ansicht (nicht Vorschau sondern am Endgerät) horizontal gequetscht ausgegeben. Ich habe versucht die hier beschriebenen Schritten durchzführen, jedoch finde ich nicht die entscheidende Stelle im Code Editor. Kann mir jemand helfen? Das wäre super, vielen herzlichen Dank im Voraus

    LG Hexe

  6. #6
    PostRank: 0 Avatar von Bloghexe
    Registriert seit
    18.02.2017
    Beiträge
    5
    Ich schieb das Thema mal wieder nach oben Vielleicht hat jemand eine Idee?

    Das Headerbild (standard) in twenty seventeen wird in der vertikalen-Ansicht horizontal gequetscht. Gerät ist Samsung mit Android Bowser. Im Firefox OK, Im Chrome auch i.O.

    Liebe Grüße

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •