Logografik zu breit auf Endgerät Smartphone

Hallo,

bei den responsive Layouts ist es bei uns in der Regel so, dass Bilder immer so skaliert werden, dass Sie maximal 100% der Fensterbreite ausfüllen, also nie angeschnitten werden.

Bei Logos machen wir das absichtlich nicht, weil die meisten Firmen es gar nicht mögen, wenn man an ihrem Logo rum manupuliert.

Mit etwas CSS können Sie das aber ändern. Der Code unten bewirkt, dass das Logo nie über den Inhaltsbereich ragt (max 100% Breite). Das würde in Ihrem Fall bedeuten, dass auf kleinen Bildschirmen (Smartphone) das Logo zwar unter den Navigations-Button rutschen würde, dort aber in der gesamten Breite sichtbar ist.

In Zeta Producer Version 11 fügen Sie den Code so im Projekt ein:

• Klicken Sie im Menü Website auf "Erweitert > Attribute"
• Stellen Sie sicher, dass unten links im Button "Attribute" die Option "Alle anzeigen" angehakt ist
• Doppelklicken Sie nun in der Liste der Attribute unter "Standard" auf das Attribut "mobile_script"
• Fügen Sie folgende Textzeilen (ohne Überschrift und ohne Zeilennummern – am besten über das Dokumente-Icon rechts oben im Quellcode-Kasten kopieren) ein und schließen Sie den Dialog dann mit Klick auf "OK"

<style>
.navbar .brand{
    max-width: 100%;
    box-sizing: border-box;
}
</style>

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