Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann

Die Foren sind geschlossen. Für Fragen zu MR, NOF & mehr steht Tommys Forum zur Verfügung. Ich danke für die langjährige Treue und Mitarbeit! Eure Administratorin.

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
#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)?
Alle Beiträge dieses Benutzers finden
#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.
Alle Beiträge dieses Benutzers finden
#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
#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: 25)



Das sieht dann so aus:


.jpg  Logo-Handy.JPG (Größe: 86,25 KB / Downloads: 20)
Alle Beiträge dieses Benutzers finden
#6
Vielen Dank, es hat geklappt. Beste Grüße
Alle Beiträge dieses Benutzers finden


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Mobirise-Text unter Logo Menüleiste Thomas Saake 14 421 03.12.2020, 17:22
Letzter Beitrag: Thomas Saake
  Bildgröße ändern Peter Pfaff 3 163 17.11.2020, 14:40
Letzter Beitrag: Tommy Herrmann
  Logo Mobil-Ansicht (Templat Store M4) wird nicht angezeigt inno 2 184 11.11.2020, 12:06
Letzter Beitrag: inno
  Startseite ändern MoC 6 248 21.10.2020, 15:45
Letzter Beitrag: MoC
  H1 und H2 Überschriften Manuel ändern funsport 12 392 16.10.2020, 20:11
Letzter Beitrag: Werner123
  Popup durch Seitenbesitzer ändern stobi_de 30 898 06.10.2020, 10:01
Letzter Beitrag: barbara0701
  Mobirise - Footer ändern erfolgt nicht auf allen restlichen Seiten vr6 11 671 08.09.2020, 16:30
Letzter Beitrag: Husch
  Seitenhintergrund ändern Michail 16 652 19.08.2020, 13:18
Letzter Beitrag: Tommy Herrmann
  Schatteneffekt Farbe ändern Reves84 1 217 30.07.2020, 16:11
Letzter Beitrag: Tommy Herrmann
  Programm Farbe ändern bei der Version 5.0.0 kfz-fotograf 1 329 04.03.2020, 12:12
Letzter Beitrag: Tommy Herrmann



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!