Hallo Zusammen,
angeregt durch einen anderen Thread habe ich folgende Möglichkeit gefunden um beides, Logo und Titel anzuzeigen:
Website-Administration --> Darstellung --> Designs --> Adaptable --> Header --> Name der Webseite: kein Eintrag
Website-Administration --> Darstellung --> Designs --> Adaptable --> CSS und Javascript --> Änderungen für CSS:
#logocontainer::after{
content: "Welcome to our E-Learning Portal!" !important;
color: black;
font-size: calc(0.5em + 2vw);
font-weight: bold;
}
@media screen and (min-width: 601px) {
#logocontainer::after{
display: inline-block;
line-height: 72px;
width: calc(100vw - 350px);
text-align: center;
}
}
@media screen and (max-width: 600px) {
#logocontainer::after{
display: inline-block;
line-height: 72px;
vertical-align: -webkit-baseline-middle;
margin-left: 18vw;
}
}
In der ersten geschweiften Klammer wird der Titel gesetzt und formatiert.
Die folgenden geschweiften Klammern skalieren und formatieren den Titel-Block für Desktop und für Handys.
Ich habe das jetzt nicht für alle möglichen Handys und Tablets probiert, bei meine funktioniert das gut.
Grüße
Steffen