Support » Allgemeine Fragen » Logo in WordPress für mobile verkleinern/anpassen?

  • Hi,

    ich habe im Header links mein Logo und mittig mein Menü.

    Jedoch wird teilweise auf dem Smartphone, wenn es nicht unbedingt ein großes Smartphone ist, das Logo unter dem Menü bzw. den 3-Strichen des Menüs angezeigt.

    Kann ich die Größe des Logos für mobile separat ändern? Oder die Position zumindest, z.B. ganz links?

Ansicht von 2 Antworten - 1 bis 2 (von insgesamt 2)
  • Hallo,
    wenn du dann noch die URL oben einträgst, dann können wir uns das auch zunächst im Frontend ansehen und dir sicher besser helfen.

    Du findest unter Werkzeuge > Websitezustand > Info einen Bericht zur Website. Warte bitte einen Moment bis die Ladeanzeige ganz oben abgeschlossen ist und kopiere dann per Button den Website-Bericht in deine Zwischenablage. Über den Button „Bericht in die Zwischenablage kopieren“ kannst du den Bericht unverändert (bitte mit den Akzentzeichen am Anfang und Ende) einfügen und anschließend hier posten. Evtl. ergeben sich dann weitere Anhaltspunkte, ob und wo das Problem liegt.
    Lies bitte auch noch mal: Bevor du ein neues Thema (Thread) erstellst.

    Viele Grüße
    Hans-Gerd

    Moderator Bego Mario Garde

    (@pixolin)

    Du kannst entweder eigene CSS-Regeln hinzufügen und mit Media-Querys für verschiedene Bildschirmgrößen unterschiedliche Größen angeben, sinngemäß …

    @media and (max-width: 599px) {
    .wp-block-site-logo.is-default-size img {
      height: auto;
      width: 60px;
    }
    }
    @media and (min-width: 600px) {
    .wp-block-site-logo.is-default-size img {
      height: auto;
      width: 120px;
    }
    }

    oder ein Plugin (z.B. Spectra) verwenden, mit dem du Blöcke nur auf bestimmten Bildschirmgrößen anzeigst und dann einen Block für Mobile, einen für Tablets und einen für Desktop einfügst.

Ansicht von 2 Antworten - 1 bis 2 (von insgesamt 2)
  • Das Thema „Logo in WordPress für mobile verkleinern/anpassen?“ ist für neue Antworten geschlossen.