Layout macht Probleme der Responsiven Darstellung

Zitat von HOK

Guten morgen lieber Support!

Ich stehe ein wenig auf dem Schlauch. Mein Kunde möchte das Layout testen, geht aber leider nicht wegen der Fehlfunktion.

Und dieser Fehler scheint ja Systembedingt zu sein.

Ein "Hallo" und "wir gucken uns dass an" wäre toll ...

VLG

In dem Layout als Leer-Vorlage sind die CSS-Verweise richtig. Im Beispiel-Layout sind manuelle CSS-Voreinstellungen von Zeta, bei dem ein Verweis nicht mit a#mobilenavtoggle funktioniert. #toppline -warpper display:flex setzt nämlich #mobilenavtoggle in der mobilen Ansicht auf .ON

Bitte geh im ZP Menü unter Website/Einstellungen/CSS rein und lösche den ersten CSS-Verweis:

#topline .wrapper {
    display: flex;
    justify-content: center;
}

Wichtig: nicht <style> löschen und nur wie o. g. den Block.

Der CSS-Quellcode sollte dann bei dir unter Einstellungen/CSS so aussehen (ohne topline .wrapper):

<style>
.logo.padding {
    padding-right: 20px;
}
#banner {
    padding-top: 15px;
    padding-bottom: 30px;
}
#banner div.zpRow {
    margin-bottom: 0;
}
#news {
    padding: 20px;
}
#footerinfo {
    padding: 15px 0;
}
#afterfooter {
    padding-bottom: 30px;
}
</style>

Ich denke mal, ZP wird den Fehler beheben, wenn das hier jemand liest.

VG Mirco

Zitat von HOK

DANKE DANKE DANKE DANKE

Das ist es !!!!!

Und wenn du das Menü in der Topline gerne "zentriert" haben willst, dann müsste der ursprüngliche CSS-Code von Zeta Producer ohne ".wrapper" lauten :

#topline {
   display: flex;
   justify-content: center;
  }