1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Goram Header-Bild für Mobile Ansicht

Dieses Thema im Forum "Design" wurde erstellt von e-neffi, 27. November 2017.

Schlagworte:
  1. e-neffi

    e-neffi Member

    Registriert seit:
    2. August 2017
    Beiträge:
    22
    Zustimmungen:
    0
    Hallo, ich habe die Seite http://www.kuechenglobus-mai.de gemacht.
    Wenn ich allerdings auf die Mobile Ansicht wechsel, wird das Header-Bild unten abgeschnitten.
    Kann ich irgendwie ein Bild für die Mobile Ansicht einbinden, welches dann kleiner ist?
    Vielen Dank im Voraus.
     
    #1 e-neffi, 27. November 2017
  2. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.141
    Zustimmungen:
    591
    Deine MediaQueries sind bis 600px definiert - kleiner kann dein Theme anscheinend nicht von selbst!
    Wobei zwischen 768px und 600px Das Bild schon abgeschnitten wird - ab Zeile 2401

    body.hero-image .hero,
    body[class*="front-page"] .hero {
    padding: 48px 24px;
    }

    Erhöhst du padding auf 90px 24px; ist das Bild wieder besser.

    Wenn deine Anforderungen steigen, wird es Zeit sich mit dem Entwicklertools zu befassen, die ja die Browser mitbringen - mit F12 z.B.!

    Dann kannst du weitere Breackpoints einbauen ;)

    In der style.css ab Zeile 2384 -
    /*--------------------------------------------------------------
    16.0 Responsive
    --------------------------------------------------------------*/
    die Beispielsdaten!

    Und wie immer - mi Dashboard unter Design - Customizer - Zusätzliche CSS!
    Da stehr ja auch schon folgendes drinnen -
    @media screen and (min-width: 1020px)
    Ist also nicht ganz neu!

    Wenns da nicht gleich klappt, wieder löschen und weiter (ver)suchen!
     
    #2 SEpp55, 27. November 2017
  3. e-neffi

    e-neffi Member

    Registriert seit:
    2. August 2017
    Beiträge:
    22
    Zustimmungen:
    0
    Hallo,
    jetzt habe ich einige Tests gemacht, bringt alles leider nichts, bei der Tablet-Ansicht ist es jetzt ok. Was aber seltsam ist, dass bei den Mobile-Ansichten jetzt das Menü fehlt. Das war vorher als Dropdownmenu vorhanden!
    Danke im Voraus.
    Gruß e-neffi
     
    #3 e-neffi, 27. November 2017
  4. e-neffi

    e-neffi Member

    Registriert seit:
    2. August 2017
    Beiträge:
    22
    Zustimmungen:
    0
    Ok, habs gefunden. Kommando zurück! Menü ist wieder da!

    Kann ich in meinem Theme ein neues Responsive Version mit 300px? um dort das padding zu bearbeiten?
     
    #4 e-neffi, 27. November 2017
  5. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.141
    Zustimmungen:
    591
    Mache mal die letzten Änderungen rückgängig! Das sieht nicht geglückt aus!

    Ok - ist wieder gut - momentan!

    Da Menü verlierst du derzeit < 1020px.
     
    #5 SEpp55, 27. November 2017
    Zuletzt bearbeitet: 27. November 2017
  6. SEpp55

    SEpp55 Well-Known Member

    Registriert seit:
    3. Februar 2016
    Beiträge:
    3.141
    Zustimmungen:
    591
    Mit deinem (verstecktem) Menü - schmeiß mal die @media .... 300px raus!
     
    #6 SEpp55, 29. November 2017
  7. e-neffi

    e-neffi Member

    Registriert seit:
    2. August 2017
    Beiträge:
    22
    Zustimmungen:
    0
    Hallo,
    ich war eine Weile, aus gesundheitlichen Gründen, weg vom Fenster. Komme erst jetzt zum Weitermachen. Ich habe noch immer das Problem, dass bei der Mobilen Ansicht der Text im Head-Bild abgeschnitten ist.
    Kann ich denn nichts eingeben, was da heißt, wenn Mobile Ansicht, dann verwende ein anderes Bild? Vielen Dank im Voraus.
     
    #7 e-neffi, 14. Dezember 2017
  8. e-neffi

    e-neffi Member

    Registriert seit:
    2. August 2017
    Beiträge:
    22
    Zustimmungen:
    0
    Heeeeeyyy hab´s geschafft. Einfach im Editor ein neues Responsiv-Design eingefügt (600px kopiert) Und hier alle Werte halbiert!
    Passt!
    Vielen Dank für die Hilfe!:smile::smile::smile:
     
    #8 e-neffi, 14. Dezember 2017
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden