Logo in der Mobilien Ansicht ändern

[jomini]

Einen schönen guten Abend in die Runde.

Ich hoffe eine/r kann mir helfen. Ich benutze das Template Interior AMP 
Hier habe ich ein Problem mit der Logogröße auf der Mobilien Ansicht. Die Größe auf der normalen Ansicht habe ich mit HTML hinbekommen.  
Weiß jemand wo ich das auf der Mobilien Ansicht ändern kann?

Vorab besten Dank für eure Hilfe

Michi

[Martin73]

Ich habe diese AMP-Themen nicht, aber sie sind extra für mobile Endgeräte gemacht. Probleme mit Logos dürfte es nicht geben. Viel ändern kann man da leider nicht.
Verrate uns mal die Internet-Adresse, wenn es schon online ist. Falls nicht, beschreibe mal das Problem! Ist das Logo zu klein? Um welche Bildschirmgröße geht es (Smartphone (hoch, quer), Tablet)?

[Tommy Herrmann]

Hallo Michi,

willkommen bei uns im Forum

... Du müsstest schon einen Link zu Deiner Seite posten.

Diese Informationen reichen so nicht aus.

"AMP" sollte man nur versuchen zu ändern, wenn man dieses Framework auch beherrscht. Es ist total vereinfacht und mit einer komplett abgespeckten Inline-CSS versehen. Fremde CSS-Dateien oder Skripte sind nicht erlaubt.

Ansichten am Handy werden über Media-Queries (Display-Abfragen) in der CSS gesteuert. Bei "AMP" ist die CSS auf 50KB begrenzt.

Viele Dinge kann man gar nicht ändern. Will man das, ist es sehr viel besser eines der "M4 (Bootstrap)" Themen zu verwenden.

[jomini]

Eine schönen guten Tag,

anbei der Link http://mediamm.bplaced.net
in der Mobilien Ansicht ist das Logo sehr klein bzw. gestaucht.
Ist es möglich das Logo in der gleichen größer erscheinen zu lassen wie in der Desktop version?
Vielen Dank für Eure Hilfe

[Tommy Herrmann]

Moin

ja - das kann man eigentlich schon als "Bug" bezeichnen bzw. als schlechte Programmierung

Mobirise schreibt das in die Inline-CSS so:

Code:

@media (max-width: 767px){.navbar-logo amp-img{max-height: 55px;max-width: 55px;}}

Es wird also am Handy auf 55 x 55px reduziert, was in Deinem Fall zu klein ist und durch die quadratische Fläche total verzerrt.

Du könntest diese CSS in dem neuen "Style Editor" vom neuen "Code Editor" (v4.11.2) einfach anpassen, z.B. auf 150px Breite:

.navbar-logo {
  margin-right: .8rem; }
  @media (max-width: 767px) {
    .navbar-logo amp-img {
      max-height: auto;
      max-width: 150px; } }

 Logo.JPG (Größe: 183,37 KB / Downloads: 25)



Das sieht dann so aus:


 Logo-Handy.JPG (Größe: 86,25 KB / Downloads: 20)

[jomini]

Vielen Dank, es hat geklappt. Beste Grüße