Darstellung responsive nicht bei allen Umbruchpunkten gleich 
Autor: Thomas P.
Besucht 1530,
Followers 1,
Geteilt 0
Hallo
eine kleine ästhetische Frage: Bei der Handyansicht (responsive 480 px) ist bei meinen beiden Webseiten vintagelamps.ch und retrodesign.ch der obere Abstand zum Menu-Button zu gross.
Bei allen anderen Umbruchpunkten - und auch bei jeder der einzelnen Seiten innen ausser bei Home - schliesst der Menu-Balkenbutton schön oben an - nur bei der Ansicht 480 px hat es oben fast 2 cm Weissraum.
Und ich find beim besten Willen nicht, wie ich das verhindern kann in den Einstellungen...
besten Dank für sachdienliche Hinweise
Thomas
Gepostet am
Hallo Thomas,
auf der Startseite (index.html) der jeweiligen Website steht im <head>-Bereich ein "freier Text" (z.B. 1100 originale Vintage Lampen und Leuchten der 20er und 30erjahre, Jugendstil, Art Déco, Bauhaus, Mid Century, Sixties für Sammler & Architekten, Verkauf & Vermietung). Prüfe in den Eigenschaften der Startseite im Reiter "Erweitert" den benutzerdefinierten Code "Nach dem <HEAD> Tag" und "Vor dem </HEAD> Tag", ob da dieser Text steht und lösche ihn dann.
Autor
Guten Morgen Franz-Josef
Dieser Text steht nur in der Seitenbeschreibung, unter Allgemein. Unter Erweitert steht beim head-tag lediglich
<link rel="canonical" href="https://vintagelamps.ch/" />
Es ist ja auch nur in der hochgestellten Handyversion (480 px), dass der Abstand zu gross erscheint. Schon bei der queren Einstellung und allen darüber, ist es oben bündig
Gruss Thomas
Guten Morgen Thomas,
kontrolliere mal unter "2-Vorlage", "Struktur des Templates" die Höhe des Headers und des Header-Hintergrunds. Und anschließend unter "2-Vorlage", "Inhalt des Templates" die Position des Hamburger-Menüs. Vielleicht kannst Du da etwas verändern.
Autor
Guten Morgen
Merci für die Ratschläge. Hab allerlei probiert - nützt alles nix. Selbst wenn ich den Hamburger UNTER den Header setze, bleibt oben der Freiraum zu gross (im Header hats auch nicht zu viel "Luft") Aber wirklich nur auf der Hauptseite - innen ist alles weiter oben und sieht besser aus. Das versteh ich nicht...
Was ich ebenfalls nicht verstehe: Wieso ist bei 480 Px der Header schmaler und der Hamburegr steht wie in einer Spalte daneben? Gerade dort, wo eh schon alles am Kleinsten ist, kann man die volle Breite nicht mal nutzen...Bei 720 geht der Header doch auch über die ganze Breite.
Gruss Thomas
Schon mal unter "Struktur des Templates" beim kleinsten Breakpoint geschaut ob du beim Header die Höhe zu groß eingestellt hast?
Autor
Ja, im Header hats eben nicht zu viel "Luft", also keien zu grosse Höhe. Hatte ich zuerst auch gedacht...
Was ich ebenfalls nicht verstehe: Wieso ist bei 480 Px der Header schmaler und der Hamburegr steht wie in einer Spalte daneben? Gerade dort, wo eh schon alles am Kleinsten ist, kann man die volle Breite nicht mal nutzen...Bei 720 geht der Header doch auch über die ganze Breite.
Da verstehst du etwas falsch beim responsiven Design in WSX5. Dadurch dass es Breakpoints gibt wie z.B.
480px - 720px wird der Inhalt des Headers nicht auf 720px rausgezogen sondern muss auch für 480px (wo der nächste Breakpoint ist) auch gut sichtbar am Handy sein. Sonst würde es alles zusammenquetschen.
Genauso ist es bei z.B. 720px - 960px da wird auch der mindeste Platz von 720px angezeigt und nicht rausgezogen auf 960px.
Beim Hintergrundbild in der Struktur des Template ist es wieder was anderes. Da hat man die Möglichkeit das Bild auf die Maximalwerte zu setzen, allerdings sieht man dann bei kleineren Auflösungen nur den tatsächlichen Bereich des Bildes.