Darstellungsmodus, Mobile-Version Flat Responsive Layout

1. offizieller Beitrag

    Guten Morgen

    Ich verwende ZP-Version 16.8.6.0 Business unter Windows 11 mit Layout Flat Responsive.

    Aus optischen Grunden nahm ich an diversen Stellen auf meiner Webseite Änderungen im Darstellungs-Modus vor (z.B. bei der Beschreibung eines Wandervorschlages, nach der Hinweisbox, Aussenabstand oben -1em, siehe Link

    Diese Änderungen werden in der Desktop- und Tablet-Version berücksichtigt, jedoch nicht in der Mobile-Version, was dort dann teilweise zu grossen Abständen führt. Handelt es sich hierbei um einen Fehler oder mache ich diesbezüglich eine Fehlüberlegung?

    Danke für Euren Bescheid.

    Grüsse aus der Schweiz

    Thomas

    https://www.netz-wandern.ch

    • Offizieller Beitrag

    Hallo,

    in der mobilen Ansicht haben die Reihen allgemein etwas mehr Abstand.

    Folgender Code ist dafür verantwortlich:

    CSS
    @media (max-width: 479px) {
    .responsivelayout div.zpRow .zpColumn:not(.styled) {
        margin-bottom: 1em !important;
    }
}

    Den müssten Sie mit etwas eigenem CSS anpassen/überschreiben.
    Bitte dazu mal folgende Infos lesen: https://docs.zeta-producer.com/eigenes-css-einfuegen.html

    Folgender Code sollte dann funktionieren:

    CSS
    <style>
@media (max-width: 479px) {
    .responsivelayout div.zpRow .zpColumn:not(.styled) {
        margin-bottom: 0 !important;
    }
}
</style>

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden