Cassiopeia Logo responsive

    Joomla Version
    5.0.0
    PHP Version
    PHP 8.2.x
    Hoster
    https://entwicklung.water-for-africa.org/de/transparenz.html

    Hallo,

    ich bin dabei Cassiopeia für meine Zwecke anzupassen.

    Habe ein Logo (svg) hochgeladen und es sieht beim Desktop gut aus. Auf dem Smartphone, wie iPhone 12, ist es zu groß.

    Was muss ich machen, damit es auf dem Smartphone automatisch kleiner wird?

    Danke.

    Ich habe eine Lösung gefunden. Für den Fall, dass jemand das gleiche Problem hat:

    1. kleine SVG-Datei anlegen und per FTP hochladen
    2. unter SYSTEM > MEDIEN an folgenden Stellen diese Einträge ergänzen:
      a) zulässige Erweiterungen: svg
      b) gültige Bilddateiendungen (Dateitypen): svg
      c) gültige Dateitypen: image/svg+xml
    3. im Template-Stil unter Logo das hochgeladene SVG-Logo auswählen
    4. in die Datei user.css folgenden Code eintragen:
    Code
    /* Logo in Desktopansicht größer skalieren  */
@media (min-width: 992px) {
.brand-logo img{
width: 15rem;
}

    Mit rem steuert man, wie groß das Logo skalieren soll. Einfach verschiedene Werte ausprobieren.