Mobile Ansicht Swiss Responsive

  • Liebe Zeta-Profis,

    beim Umgestalten unserer Vereins- Homepage (http://www.ipf-isartal.de) stehe ich vor zwei Problemen in der Mobilen Ansicht.

    Zum einen wird in der mobilen Ansicht der Website Name und der dazugehörige Untertitel zu groß und nicht vollständig angezeigt. Zum anderen kann das Menü nicht vollständig aufgeklappt werden. Wir benutzen Zeta Producer 13.

    Kann ich eines oder beide Probleme mit einem CSS-Code lösen und wenn ja, welchem? Für Unterstützung wäre ich sehr dankbar!

    Freundliche Grüße

    Helena Heckmann

    Öffentlichkeitsreferentin IPF Isartal e. V.

  • Bitte beschreiben Sie genau, was Sie mit "kann das Menü nicht vollständig aufgeklappt" meinen und wie sich das äußert, ggf. mit Screenshot verdeutlichen.

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

  • Zum einen wird in der mobilen Ansicht der Website Name und der dazugehörige Untertitel zu groß und nicht vollständig angezeigt

    Der Titel wird in der definierten Größe angezeigt. Dass er abgeschnitten wird, liegt vermutlich daran, dass Sie in den Layout-Einstellungen unter "Allgemein > Text" die Silbentrennung abgeschaltet haben. Daher kann der Text nicht getrennt werden und läuft über den rechten Rand hinaus.

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

  • Der Titel wird in der definierten Größe angezeigt. Dass er abgeschnitten wird, liegt vermutlich daran, dass Sie in den Layout-Einstellungen unter "Allgemein > Text" die Silbentrennung abgeschaltet haben. Daher kann der Text nicht getrennt werden und läuft über den rechten Rand hinaus.

    Lieben Dank für die Antwort. Die Silbentrennung ist bereits auf "automatisch" gestellt, es ändert sich leider nichts :(

  • Zum einen wird in der mobilen Ansicht der Website Name und der dazugehörige Untertitel zu groß und nicht vollständig angezeigt.

    Das lässt sich mit folgendem angepasstem CSS lösen:

    • Klicken Sie im Menü Website auf "Einstellungen"

    • Klicken Sie auf CSS

    • Fügen Sie folgende Textzeilen (ohne Überschrift und ohne Zeilennummern – am besten über das Dokumente-Icon rechts oben im Quellcode-Kasten kopieren) in das Feld "CSS" ein und schließen Sie den Dialog dann mit Klick auf "OK"

    Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.

    Das mit dem Menü kann ich nicht nachvollziehen. Wenn ich Untermenüs ausklappe, dann wird der Menübereich bei mir einfach höher, so dass ich ggf. nach unten scrollen kann, um Menüeinträge am unteren Ende zu erreichen.

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

  • Vielen Dank nochmals für die Hilfe. Ich habe die Anleitung mehrmals versucht und das Resultat ist wie im anliegenden Bild ein Code-Block oben auf der Seite. Hier stimmt etwas doch noch nicht?

  • Entschuldigen Sie, ich hatte im Code-Block die Zeilen <style> und </style> vergessen. Der Code-Block oben ist nun entsprechend geändert, bitte nochmals kopieren und den vorhin eingesetzten ersetzen.

    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!