Kontaktdaten in der Menüleiste

Hallo,

die einzige, momentane Möglichkeit, die mir dazu einfällt ist, diese Icons und Daten entsprechend in die Logografik zu integrieren. Das Logo ist ja auch immer in der Menüleiste sichtbar.
Alternativ, können Sie einen Banner-Artikel hinzufügen, der E-Mail und Telefon enthält. Dieser wird oberhalb der Menüleiste angezeigt. Einen Banner fügen Sie am einfachsten ein, indem Sie mit F8 in den Spaltenmodus wechseln und im Bereich Banner einen Artikel einfügen. Anschl. mit F8 wieder zurück in die Vorschau-Ansicht.

Gibt es einen Link oder einen Screenshot von der Seite wo man sehen kann wie viel Platz in der Menüleiste vorhanden ist?
Dann schau ich mir das gerne einmal an.

Hallo,
deine Mail ist angekommen.

Ich habe HIER ein Testprojekt hochgeladen. In der mobilen Ansicht werden die Kontaktdaten ausgeblendet und stattdessen klickbare Butten angezeigt somit öffnet sich zB. beim Klick auf den Telefon-Button die Telefon-APP mit der entsprechenden Nummer. Für Smartphones werden die Button dann nochmal verkleinert. Du kannst das ganze ganz gut testen indem du das Browser-Fenster in der Breite verkleinerst und das Verhalten dabei beobachtest.

Einstellungen < CSS folgendes einfügen und an deine Bedürfnisse anpassen

<style>
.fon {
position: fixed;
z-index:7000;
top:10px;
margin-left:0;
font-size:1em;
color: #006600;
font-weight: 900;
text-shadow: 1px 1px 1px white;
}
@media (max-width: 979px) {
.fon {
display: none;
}}
.fon-mobil {
position: fixed;
z-index:7001;
top:60px;
left:20px;
width: 40px;
height: 40px;
}
@media (min-width: 979px) {
.fon-mobil {
display: none;
}}
@media (max-width: 568px) {
.fon-mobil {
top:50px;
left:20px;
width: 30px;
height: 30px;
}}
.mail {
position: fixed;
z-index:7000;
top:30px;
margin-left:0;
font-size:1em;
color: #006600;
font-weight: 900;
text-shadow: 1px 1px 1px white;
}
@media (max-width: 979px) {
.mail {
display: none;
}}
.mail-mobil {
position: fixed;
z-index:7001;
top:60px;
left:70px;
width: 40px;
height: 40px;
}
@media (min-width: 979px) {
.mail-mobil {
display: none;
}}
@media (max-width: 568px) {
.mail-mobil {
top:50px;
left:60px;
width: 30px;
height: 30px;
}}
</style>

Widget > Quelltext folgendes einfügen und anpassen, unten links auf das Mischpult und den Haken bei "auf allen Seiten anzeigen" setzen

<div class="fon">☏ 01234/56789</div>
 <div class="mail">✉ e-mail@mail.de</div>
<div class="fon-mobil"><a href="tel:+4923456789"><img src="http://zella.de/bilder/social4/fon.png" alt="telefon" /></a></div>
<div class="mail-mobil"><a href="mailto:mail@email.de"><img src="http://zella.de/bilder/social4/kont.png" alt="email" /></a></div>