Abstände auf Handydisplay zu groß

  • Hallo!

    Ich habe eine neue Website für einen Kunden programmiert.

    Diese liegt auf dem Testserver bei Zeta.

    sprungbrett.zeta-producer.com

    Soweit ist auch alles ok, aber die Abstände bei der Handyansicht passen nicht.

    Das Logo steht zu weit oben und der Abstand zum Slogan ist zu groß.

    Auch sind die Bilder der Ansprechpartnerinnen unter Kontakt zu weit auseinander.

    Ich schicke 2 Bilder zur Ansicht mit.

    Wie kann ich das ändern?

    Danke im Voraus!

    Viele Grüße

    Doro

  • Den Abstand von Logo zu Slogan kann ich per Online-Update für 16.8.X verbessern. In frühestens 30 Minuten auf "Extras > Updates suchen" klicken und nachdem Inhalte geladen wurden (Hinweis oben im Fenster) die Tastenkombination STRG-SHIFT-T drücken. Danach ggf. veröffentlichen.

    Die Abstände der Bilder der Ansprechpartnerinnen entstehen dadurch, dass dies nicht sauber aufgebaut wurde. Sie arbeiten hier mit Leerzeilen im Text, statt die Text-Bild-Kombinationen z.B. jeweils in einer eigenen Reihe anzulegen…

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo Stefan,

    danke für die hilfreichen Infos.

    Der Abstand nach dem Logo ist jetzt gut.

    Nur ist das Logo in der Handyansicht ein bisschen groß und geht über den Rand hinaus. Kann man das kleiner machen?

    Es ist so gedacht, dass das Sprungbrett im Logo genau an der Kante zw. weiß und hellblau ist. Siehe PC-Ansicht.

    Beim Tablet rutscht das Logo etwas weiter runter, beim Handy noch weiter - aber nur in der vertikalen Ansicht. Bei der horizontalen Ansicht ist das gut.

    Aber die meisten User nutzen das Handy senkrecht, und da sollte es gut aussehen und funktionieren.

    Die Abstände der Ansprechpartnerinnen bei Kontakt ist jetzt gut.

    Gruß

    Doro

  • Hallo!

    Hat jemand eine Idee zu meiner Frage vom Dienstag? Mit den Abständen und der Position des Logos?

    Ich freue mich auf eure Antworten!

    Danke und viele Grüße

  • Nur ist das Logo in der Handyansicht ein bisschen groß und geht über den Rand hinaus. Kann man das kleiner machen?

    Es ist so gedacht, dass das Sprungbrett im Logo genau an der Kante zw. weiß und hellblau ist. Siehe PC-Ansicht.

    Beim Tablet rutscht das Logo etwas weiter runter, beim Handy noch weiter - aber nur in der vertikalen Ansicht. Bei der horizontalen Ansicht ist das gut.

    Aber die meisten User nutzen das Handy senkrecht, und da sollte es gut aussehen und funktionieren.

    Ich schau nächste Woche, was ich da noch machen kann.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo Stefan,

    hattest du Zeit, und konntest dir mein Problem nochmal ansehen?

    Es wäre super, wenn das Logo nicht breiter wäre als der ganze Inhalt und die Abstände nicht zu groß würden.

    Viele Grüße

    Doro J.

  • Hallo jenders 4 DJ

    Ich hatte vorgängig einen Beitrag geschrieben und wieder gelöscht, da ich Deine Frage falsch interpretierte. Sorry!

    Das Logo verhält sich in diesem Layout so, wie es angedacht ist.

    Wenn Du möchtest, dass das Logo nicht über den "Randbereich" zu liegen kommt, müsstest Du gegebenenfalls ein anderes Layout wählen.

    PS: Mir gefällts so wie es jetzt bei Dir ist. Sieht meiner Meinung nach frisch, etwas frech und modern aus. :thumbup:

    Ein gutes Wochenende und viele Grüsse

    elch

    Zeta Producer 17.x - Express

    Website, zu einer nicht primär gewinnorientierten und/oder ernst zu nehmenden Nebentätigkeit: Heubeere.ch ;)
    (PS: "ß" gibt es nicht - und kann ich nicht. Sorry!)

  • Versuchen Sie es doch mit etwas angepasstem CSS, z.B.:

    Code
    <style>
    #logo a img{
      max-width: calc(100% - 3em);  
    }
    </style>

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!