Mobile Version, Header ausblenden?

Hallo Beat,

das geht nur über angepasstes CSS. Interessanterweise verhält sich Deine Seite anders als eine Testseite mit Stripe Responsive. Wenn Du mal in einem Browserfenster Deine Seite und in einem zweiten die Testseite öffnest und dann die Breite des Browserfensters verringerst, wirst Du sehen, dass sich der Header auf der Testseite responsive verhält, auf Eurer Seite aber nicht. Ich kann aber auf den ersten Blick nicht erkennen, woran das liegt.

Zur eigentnlichen Frage.

Wie Thomas schon schrieb geht das mit eigenem CSS.

Folgendes bewirkt das ab einer Bildschirmbreite von 700 Pixeln der Header ausgeblendet wird.

Einstellungen > CSS:

@media (max-width: 700px) {
#header   {
display:none;
}}

Aber gerade dieses Layout bietet hervorragende Möglichkeiten die Größe des Headers anzupassen.

• Was hast du denn unter Layout > Kopfgafik > Bild > Höhe(min.) eingetragen?
• Wie würdest du dir die Responsive Darstellung wünschen?

Du hast unter "Text > Abstand Oben (px)" den Wert "350" eingetragen.

Dies bewirkt das der Text immer 350 Pixel Abstand von oben hat

Ja, stimmt das gestaltet sich in diesem Layout wirklich schwierig.

Alternativ kann man auch den Slider als Header nutzen. Das habe ich HIER beschrieben.

in den Optionen auf "Randlos" stellen?

Die Bilder sind halt nur 950px breit und werden daher ggf. vergrößert. Die Bilder sehen aber bereits 1:1 sehr schlecht aus. Wenn es mit dem Standard-Header besser war, würde ich den einfach weiterhin nutzen.

Hallo Beat,

die Bilder sind im Originalzustand schon total unscharf.

BILDLINK / 950px × 265px / 189,21 KB

Wenn diese dann noch auf Seitenbreite gestreckt werden kann da nichts draus werden.

Ich empfehle die Originale nochmal her zu nehmen, diese auf mindestens 1800px breite zu skalieren und ordentlich zu komprimieren.

Hier mal ein Beispiel von meiner Seite LINK.

BILDLINK / 2.000px × 620px / 383,03 KB

• Den Slider löschen und neu einfügen.
• Anschließend Erweitert > Erstellen > Alle Seiten Erstellen
• Und Veröffentlichen > Komplette Website Veröffentlichen

Es gibt noch die Einstellung Erweitert > Erweiterte Einstellungen > Bilder > Max. Importbreite, Aber der Randlose Slider bleibt davon eigentlich unberührt.