Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


Logo in der Mobilien Ansicht ändern
#1
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
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#2
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)?
Keine Zeit, muss Haare machen!
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#3
Hallo Michi,

willkommen bei uns im Forum :hallo:

... 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.
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#4
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
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#5
Moin

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

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:

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


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



Das sieht dann so aus:


.jpg  Logo-Handy.JPG (Größe: 86,25 KB / Downloads: 14)
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#6
Vielen Dank, es hat geklappt. Beste Grüße
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Mobirise-Tabelle in PC Ansicht verkleinern Thomas Saake 2 79 28.12.2019, 17:05
Letzter Beitrag: Thomas Saake
  Logo-Anzeige in Google stobi_de 4 127 22.12.2019, 22:58
Letzter Beitrag: stobi_de
  Mobirise-Tab Farbe Footer ändern Thomas Saake 5 144 17.12.2019, 12:01
Letzter Beitrag: Thomas Saake
  Größe Formularfeld ändern kfz-fotograf 4 149 08.12.2019, 05:33
Letzter Beitrag: Tommy Herrmann
  Bildgröße ändern Peter Pfaff 3 128 11.11.2019, 18:35
Letzter Beitrag: Tommy Herrmann
  Parallax-Effekt ändern? stobi_de 3 164 23.10.2019, 10:42
Letzter Beitrag: stobi_de
Exclamation Logo in der mobilen Ansicht zu groß! realjustinde 9 302 21.10.2019, 19:26
Letzter Beitrag: Martin73
  pfeil nach unten, farbe ändern cxx 18 423 17.10.2019, 10:14
Letzter Beitrag: Martin73
  Mobirise-Hamburger zentriert unter Logo Thomas Saake 3 247 27.09.2019, 17:10
Letzter Beitrag: Thomas Saake
  Spezielles Logo stobi_de 24 756 09.08.2019, 20:17
Letzter Beitrag: Doris Rehhausen



Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
nach oben An den Anfang der Seite scrollen
NetObjects Fusion Infos, Downloads und Updates Diese Website wird durch Bot-Trap vor Spam geschützt!