Okay
  Public Ticket #2076668
Logo-Größe Desktop und mobil
Open

Comments

  • Holger started the conversation

    Hallo Allerseits,

    ich weiß, die Frage der Logo-Größe wurde hier schon sehr strapaziert, aber leider funktionierten bei mir alle Tipps nicht.

    Mein Logo enthält Text und der muss in der Desktop-Version wie auch in der mobilen Version lesbar sein. Dazu muss das Logo doppelt so groß wie vom Theme vorgeschrieben angezeigt werden.

    In den Vorherigen Treads zu diesem Thema, wurden zum einen Anpassungen im Style-Sheet genannt, oder aber in der functions.php. Was muss ich denn nun anpassen?

    Es wäre schön wenn ihr hier noch mal darauf eingehen könntet.

    Vielen Lieben Dank, Holger

  •  828
    Marc replied

    Hallo Holger,

    dies lässt sich mit Hilfe von ergänzendem CSS-Code umsetzen. Der folgende Beispiel-Code könnte ein Anfang für die von dir gewünschte Anpassung sein:

    .custom-logo-wrap a.custom-logo-link img {
        max-width: 200px;
        max-height: 90px;
    }
    @media screen and (min-width:66.250em) {
        .custom-logo-wrap a.custom-logo-link img {
            max-width: 520px;
            width: 520px;
            max-height: 240px;
        }
    }

    Die Werte lassen sich je nach Bedarf entsprechend anpassen.

    Viele Grüße
    Marc

  • uwe ernst replied

    hallo, 

    ich würde die logogröße ebenfalls gerne vergrößern, ich habe den tipp umgesetzt, mit einem bereits hochgeladenen logo funktioniert es, beim hochladen eines neuen logos wird das logo aber auf das standard-maß 520 x 236 beschnitten... 

    lässt sich dies umgehen?

    danke für antwort, viele grüße, uwe

  •  828
    Marc replied

    Hallo Uwe,

    beim auswählen des Logos im Customizer solltest du das Beschneiden überspringen können. Weitere Anpassungen lassen sich dann durch entsprechenden CSS-Code umsetzen. Gerne werfe ich einen Blick auf die betroffene Seite, wenn du mir einen direkten Link zur Verfügung stellst. Möchtest du diesen nicht veröffentlichen, lege bitte ein neues Ticket an.

    Viele Grüße
    Marc

  • Holger replied

    Hallo Marc,

    vielen Dank, das CSS hat schon sehr geholfen. Nun ist aber - logisch - der Bereich in dem das Logo sitzt größer geworden und überlappt in der mobilen Variante das Folgende Modul. Kansst du auf meiner Seite sehr gut sehen (travellersdelight.de). Wo kann ich die Höhe des Logo-Bereichs anpassen? 

    Wäre toll, wenn du dafür auch noch eine Lösung hättest?

    Beste Grüße, Holger

  • uwe ernst replied

    hallo marc, danke für den hinweis, meine seite ist nur lokal zu erreichen - wie kann ich das beschneiden des logos beim upload denn überspringen? viele grüße, uwe

  •  828
    Marc replied

    Hallo Holger,

    die meisten Browser bieten ein Werkzeug um den verwendeten CSS-Code zu analysieren. Mit einem Rechtsklick auf dem jeweiligen Element und der Wahl von "Element untersuchen", "Element-Informationen" o. Ä. öffnet sich dieses Werkzeug. Dort kannst du recherchieren welche CSS-Eigenschaften verwendet werden und wie sich das Element mit eigenem CSS-Code ansprechen lässt.

    Der folgende Code sollte dir dabei weiterhelfen:

    body {
        padding-top: 114px;
    }
    @media screen and (min-width: 66.25em) {
        body {
            padding-top: 0;
        }
    }

    Viele Grüße
    Marc

  •  828
    Marc replied

    Hallo Uwe,

    nach der Auswahl eines Bilds als Logo solltest du ein Fenster wie im angehängten Bild sehen. Dort siehst du rechts unten einen entsprechenden Button.

    Viele Grüße
    Marc

    Attached files:  Bildschirmfoto 2019-07-19 um 07.05.39.png

  • Holger replied

    Danke Marc,

    perfekt, das hat mir sehr geholfen.

    Gruß Holger