Infobox unter Navigationsleiste von "Athmosphere Responsive" einfügen möglich?

Hallo,

das ist aktuelle im Layout "Atmosphere Responsive" nicht vorgesehen. Sorry.

Hallo Jan-Frederik,

HIER EIN BEISPIEL wie du das ohne Eingriff in das Layout realisieren könntest.

Im Inhaltsbereich fügst du einen neuen Artikel "Widget > Quelltext" mit unten stehendem Inhalt ein, welchen du natürlich noch an deine Bedürfnisse anpasst.
Im Widget unten Links auf die drei Pfeile klicken und den Hacken bei "Auf allen Seien anzeigen" setzen.
Nun werden deine Kontaktdaten immer unten Links auf der Seite angezeigt.

<div class="kontakt" style="position: fixed; bottom:40px; left:20px;">
<p>
<h2><span style="color: #ffffff">Kontakt</h2>
<hr>
<span style="color: #ffffff">Paul Muster<br>
<span style="color: #ffffff">Musterstraße 22<br>
<span style="color: #ffffff">99999 Mustershausen<br><hr>
<span style="color: #ffffff">Fon: 0000000000000</br>
<span style="color: #ffffff">Fax: 0000000000000</br>
<span style="color: #ffffff">Mail: <a href="mailto:muster@mail.de"><span style="color: #ffffff">muster@mail.de</a>
<hr>
</p>
</div>

In der mobilen Ansicht würde das ganze aber stören. Hier blenden wir das ganze wieder aus.
Einstellungen > CSS

<style>
@media (max-width: 800px) {
.kontakt {
display: none;
}}
</style>

Vor dem veröffentlichen ausgiebig testen!

Hallo Jan-Frederik,
da hast du natürlich recht. So ganz optimal ist die Lösung nicht weil es bei einem langen Hauptmenü zu Überlappungen kommen kann. Das kann man ganz gut beobachten wenn man das Browserfenster verkleinert und dann in der Höhe verschiebt.
Natürlich habe ich zuerst versucht das ganze direkt unter dem Hauptmenü zu platzieren. Hierfür habe ich aber nicht die richtige CSS-Klasse heraus gefunden, sofern dies überhaupt möglich ist.
Hierzu wird sich sicher nochmal der Zeta-Support melden, auch wenn das nicht zu deren Aufgabenbereich gehört drücken die Jungs doch öfters mal ein Auge zu.

Ich habe HIER nochmal etwas anderes probiert. Das Prinziep ist das gleiche, aber durch den Hover-Effekt können wir Platz sparen. Und da das ganze auch am Touchscreen funktioniert und der kleine Butten nicht stört kaönnen wir dieses auch in der mobilen Ansicht so belassen.

Widget > Quelltext

<div align="center">
<div id="menu">
<!-- hier fügt ihr zB. ein Bild ein welches bereits vor dem Hover angezeigt werden soll -->
<img src="http://shop.antalis-verpackungen.de/files/live/sites/DE_Packaging/files/0_Home/Kontakt.png" alt="">
<!-- hier fügt ihr den Inhalt ein der während dem Hover angezeigt werden soll -->
<p>
<span style="color: #ffffff">Paul Muster<br>
<span style="color: #ffffff">Musterstraße 22<br>
<span style="color: #ffffff">99999 Mustershausen<br><hr>
<span style="color: #ffffff">Fon: 0000000000000</br>
</p>
</div>
</div>

Einstellungen > CSS

<style>
#menu {
padding-top:5px;
left:0;
bottom:0;
position:fixed;
width:60px;
height:60px;
z-index:1;
transition: all 0.2s ease-in-out;
}
#menu:hover {
padding-top:15px;
height:200px;
width:200px;
background:rgba(38, 33, 89, 0.8);
}
</style>

Auch hier gilt: Vor dem veröffentlichen ausgiebig testen!