Logogrösse Theme PlatformM5 in der mobilen Ansicht

Allgemeine Fragen
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Logogrösse Theme PlatformM5 in der mobilen Ansicht

Ungelesener Beitrag von inno »

Hallo Tommy,
ich arbeite gerade mit dem Theme PlatformM5 und dem Menü aus dem Theme.
In der mobilen Anischt wird das Logo extrem klein dargestellt (Screen 1), wie kann ich es in der mobilen Ansicht grösser machen? Auch beim Scrollen, wäre es gut, wenn es etwas grösser dargestellt (Screen 2) wird. Danke für deine Hilfe.
Dateianhänge
screen3.jpg
screen2.jpg
screen1.jpg
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5747
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Logogrösse Theme PlatformM5 in der mobilen Ansicht

Ungelesener Beitrag von Tommy Herrmann »

Hallo Inno,

wie so oft, bitte publiziere Deine Seite auf den Server (kann ja auch ein geschütztes Testverzeichnis sein),sodass man in den Quelltext gucken kann.

Ich kann Dir aber auch auswendig sagen, dass das jetzt nicht so einfach geht. Das Logo muss dann auch am Handy so klein werden, damit eben auch die Menüleiste klein genug ist.

Sollte das komisch aussehen - weil das Logo vielleicht dann unlesbare Schrift beinhaltet - dann passt das Logo vielleicht nicht an diese Stelle im Menü und sollte lieber irgendwo anders auf der Seite seinen Platz finden.

Du kannst die Menüleiste aber auch nicht fixieren, dann bleibt diese in der angegebenen Größe, wird dafür aber beim Scrollen nach oben geschoben. Beides ist eigentlich auf Webseiten absolut üblich.
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Logogrösse Theme PlatformM5 in der mobilen Ansicht

Ungelesener Beitrag von inno »

Hallo Tommy, da Logo wird schon sehr klein auf der mobilen Ansicht angezeigt.
Hier der Link: https://staplf7dds.mobirisesite.com/
Vielleicht fällt dir ja noch was ein. Danke!
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5747
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Logogrösse Theme PlatformM5 in der mobilen Ansicht

Ungelesener Beitrag von Tommy Herrmann »

ich habe jetzt nicht genug Zeit das zu suchen - ich glaube auch ich würde es nicht finden.

Das Logo muss am Handy viel kleiner werden, sonst schiebt es Dir das Hamburger Menü nach rechts aus dem Layout raus und zerschießt das gesamte Layout.
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Logogrösse Theme PlatformM5 in der mobilen Ansicht

Ungelesener Beitrag von inno »

aber doch nicht so klein! Bei den anderen Themes wird es nicht so klein! Ich brauche aber den Verlauf im Menü.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5747
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Logogrösse Theme PlatformM5 in der mobilen Ansicht

Ungelesener Beitrag von Tommy Herrmann »

ich kann mir das erst morgen genau angucken, glaube aber, dass ich das villeicht auch nicht finde - denn da müsste man vielleicht auch ein JavaScript für die Menüleiste umschreiben.

Versuche eine andere Lösung zu finden - oder eine andere Menüleiste. Du kannst doch jede andere Menüleiste anstelle von dieser verwenden.
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Logogrösse Theme PlatformM5 in der mobilen Ansicht

Ungelesener Beitrag von inno »

Leider gibt es kein Meü mehr, dass einen Verlauf nach unten hat. ;-(
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5747
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Logogrösse Theme PlatformM5 in der mobilen Ansicht

Ungelesener Beitrag von Tommy Herrmann »

Moin,

Du kannst die Logo-Größe so verändern - das wurde doch ganz einfach via CSS so gemacht:

Suche im "CSS Editor" (rechte Seite vom "Code Editor") nach 2.5 in Zeile 283:

Code: Alles auswählen

  &.navbar-short {
    min-height: 60px;
    .navbar-logo {
      img {
        height: 2.5rem !important;
      }
    }


Ändere dann diese Höhe von 2.5rem in meinetwegen 4.5rem:

Code: Alles auswählen

  &.navbar-short {
    min-height: 60px;
    .navbar-logo {
      img {
        height: 4.5rem !important;
      }
    }


Probiere es ein wenig aus welche Größe für Dein Logo passt - gucke auch ob sich vielleicht was in der Handy-Ansicht mit ändern sollte.

PlattformM5 Logo beim Scrollen größer.jpg



Zum Vergleich: so wurde das Logo per Default auf 2.5rem Höhe beim Scrollen verkleinert:

PlattformM5 Logo beim Scrollen Originalgröße.jpg
inno
Mitglied (Level 10)
Mitglied (Level 10)
Beiträge: 293
Registriert: Do 17. Dez 2020, 11:59

Re: Logogrösse Theme PlatformM5 in der mobilen Ansicht

Ungelesener Beitrag von inno »

Besten Dank!
Funktioniert einwandfrei!
Gruß :tu:
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5747
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Logogrösse Theme PlatformM5 in der mobilen Ansicht

Ungelesener Beitrag von Tommy Herrmann »

na prima :tu:

... es gibt Sachen, die muss man erst nachbauen, damit man das auch erkennen kann.

Weißt Du - ich habe natürlich nicht alle Themen installiert, nur die Themen, die ich auch verwende. Das ist sonst eine riesen unnötige Datenmenge und belastet nur den Computer und auch Mobirise.
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 31 Gäste