Kopfgrafik in Poster Responsive Template responsive machen?

Hallo,

die Angaben bei "Kopfgrafik" sind schon notwendig. Im Responsive Webdesign haben die Grafiken automatisch eine maximale Breite von 100%.

Wenn die Grafik abgeschnitten wird, dann hat das vermutlich eine andere Ursache. Am besten nennen Sie uns mal die Web-Adresse, damit wir das prüfen können.

Das ist Responsives Webdesign, damit am Smartphone noch etwas vom Bild zu sehen ist wird halt etwas ran gezoomt.

Dein Bild ist eigentlich perfekt dazu, der Focus sollte allerdings in der Mitte des Bildes liegen.

Probiere es mal mit dem Bild im Anhang.

Ja hierzu könnte man alternativ den Slider nutzen. LINK

Aber in deinem Fall sieht das so viel besser aus.

Ich bitte um Hilfe: Meine Webseite: http://www.sanart.bayern ist im Layout Poster Responsive erstellt.

Leider ist jedoch die Anpassung der Ansicht auf mobile Endgeräte irgendwie nicht richtig (Poster nur ein GANZ KLEINER Ausschnitt sichtbar).

Lt. der Google-Abfrage, ob meine Webseite Mobile-Endgeräte optimiert wäre, lautet die Antwort zwar ja - dem ist aber definitiv nicht so.

Was kann ich tun, damit die Webseite auch auf Handy und Tablet gut sicht- und lesbar ist?

Herzlichen Dank vorab für Ihre Hilfe,

Beste Grüße und bleiben Sie alle gesund!

Andrea

Hallo Andrea,

ich verschiebe das mal in einen Thread, der das gleiche Thema hat. Probiere dann mal die Lösungen, die dort bereits gepostet wurden.

Leider werde ich aus den zwei "Lösungen" nicht ganz schlau.

Die erste Lösung sagt ja: das Poster wird in der mobilen Ansicht nicht kleiner - ich muss stattdessen den Fokus des Posters in die Mitte versetzen...

Die zweite Lösung verweist mich auf den Slider: der ist mir ja bekannt, ich weiß aber nicht, in wiefern mir dieses Widget bei der Lösungsfindung, nämlich dass ich das GANZE Bild/Poster auch in der mobilen Ansicht auf einen Blick sehen kann, helfen kann.

Auch die Überschrift und Beschreibung für das Poster passen sich NICHT AUTOMATISCH an mobile Endgeräte an (anbei ein paar Screenshots).

Die HTML-Sprache, dass ich irgendetwas evtl. selbst einbauen kann, ist mir nicht geläufig, deshalb auch meine RIESEN Bitte um Hilfe an Euch, herzlichen Dank vorab und beste Grüße, Andrea

Ich bitte immer noch um Hilfe 🙏🙋🏻🙏...

Was kann ich einstellen, dass:

1.Das Bild in der Kopfgrafik im Layout "Poster responsive" sich auch in mobilen Endgeräten so anpasst, dass es für den User ganz zu sehen ist?

2. Die Schrift (Überschrift und Text) im Header auch Handy und Tablet anständig zu lesen ist (siehe Screenshots).

Ich bin seit mehreren Jahren Kundin und wäre sehr dankbar über eine Lösung (Layout wechseln ausgenommen).

Herzlichen Dank vorab und beste Grüße, bleiben Sie gesund🙏🌞🙏, Andrea

Hallo Andrea,

ich sehe gerade, dass es einen weiteren Thread zu Poster und Kopfgrafik gibt Poster Responsive: skalieren von Header-Bildern (Kopfgrafiken)

Hintergrund: Ein Header ist eigentlich nur ein im Kopfbereich platzierter Slider, dessen Aussehen und Verhalten über das Layout angepasst wird. Bei Poster responsive sind diese Anpassungen besonders umfangreich sind. Daher ist dieses Layout nicht für jede Anwendung geeignet.

Blende den Header aus. An oberster Stelle im Inhaltsbereich fügst Du einen Slider ein. Dieser verfügt über die selbe Funktionalität wie ein Header, wird aber (da im Inhaltsbereich und nicht im Headerbereich liegend) nicht von den layoutspezifischen Anpassungen für den Header betroffen ist.