Mobile Seite zu klein
Author: Michael G.
Visited 1967,
Followers 1,
Shared 0
Hallo
ich habe das mit der mobnilen Seite und dem Script probiert.
Jemand hat geschrieben das man die Homepage dann 600 Px breit machen sollte.
Mit dem Script zum umschalten hat geklappt, aber die Seite ist sehr klein und links bündig.
www.werbeagentur-goebel.de
Posted on the
Entferne mal den doppelten Google Analytik code aus dem Head !
Im Skript zum wechseln gib nur den Zielordner an "/mobile/index.html"
X
Author
wo ist das google analytik doppelt und wo soll ich es genau entfernen?
also nicht http://www ??
Author
jetzt habe ich noch ein fehler bemerkt.
bei der mobilen Seite springen die Buttons hin und her und somit verschiebt sich die ganze Seite nach Links.
Kann man denn irgendwo einstellen das das DropdrownMenü nach Links öffnet und nicht nach rechts?
Du kannst einstellen, dass das Menü nach unten aufgeht und nicht nach rechts !
JA, das vorne weggeben !
Du brauchst dir nur deinen Quellcode ansehen, dann siehst du es !
Author
ok ich gucke mal.
was kann ich machen das der footer komplett in blau ist oder als alternative nach untern rutscht.
so wie es jetzt ist kommt unter dem footer eine weiße fläche?
WEnn du deine mobile Seite meinst und die Ansicht am Handy, dann kannst du es nicht ändern da der Content nicht länger ist und deshalb weiss anzeigt. Du kannst versuchen den "Seitenhintergrund" auf die Farbe zu stellen wie der Footer hat!
Author
die anfrage auf die mobile version hat geklappt und ich habe sie mit ok bestätigt.
beim erneuten aufrufen auf dem handy kommt keine anfrage und es erscheint die "normale" homepage und keine mobile
Du hast immer noch den Google Analytik Code doppelt drinnen !
Du brauchst das Skript nur in der Desktop Variante einbauen und nicht in dem mobilen PRojekt!
Was hast du eigentlich bei "URL der WEbsite" im mobilen PRojekt stehen ?
Wenn du den Browser cache vom Handy löscht kommt wieder die Abfrage !
Wo ist das Problem?
Lösche sämtlichen Google analytics Mist raus.
Dann nimm dir deine Analytics ID und trage diese ein und setze den Haken bei Anonymisierung!
Im mobilen Projekt gehört die richtige Domain noch eingetragen und das Skript gelöscht.
P.S. die sinnvollere Variante
Erstelle dir eine Subdomain und leite diese auf den Ordner mit der mobilen Seite welcher sich NICHT im Ordner der Hauptdomain befindet und nutze eine htaccess Abfrage der Weiterleitung dann wird auch direkt auf die richtige Seite verlinkt wenn man per Google bzw. anderen Links auf die Seite kommt.
Author
Irgendwas verstehe ich falsch.
Die Abfrage funktioniert 1x und wenn ich die Seite wieder aufrufen möchte erscheint zur Hälfte die mobile (schlanke) Seite und das Menü von der Desktop Version.
Und das soll dann alles funktionieren wenn das Google Analytics raus ist?
Funktioniert doch jetzt oder ? Lösche deinen Browser Cache am Handy !
Author
Ja jetzt funktioniert es. Danke für eure Hilfe und Tipps.
Eine Frage hätte ich aber noch.
Auf manchen Seiten (Agentur....) sind unterschiedlich große Schriften obwohl ich 16px eingestellt habe?
Achso und wo stelle ich ein das das Menü nach unten aufgeht oder ist es besser den Button vielleicht links an den Rand zu setzen?
Im Dropdown Menü bei MEnütype auf "In einer Spalte anordnen" stellen !
Author
ok danke aber ich habe das Menü jetzt auf die linke Seite gesetzt.
Kannst du mir noch mal helfen wegen der Schriftgrößen.
Auf manchen Seiten (Agentur....) sind unterschiedlich große Schriften obwohl ich 16px eingestellt habe?
Vielleicht sind irgendwelche Formatierungen vom kopieren miteingefügt worden?
Author
das war vorher stimmt. aber ich habe ein neues Textobjekt gemacht mit dem Text und es ändert sich nichts.
dann habe ich gesehen wenn man bei der mobile Version die Fläche mit der 3 Linien antippt ist der Bildfläche größer also es erscheint ein größerer Schatten als das Bild selbst ist.
Hoffe habe mich nicht zu kompliziert ausgedrückt
Der SChatten beim mobilen Button ist darum, weil du den Button nicht ordentlich freigestellt hast mit einem Grafikprogramm ! Da ist rund um den Button ein unsichtbarer Rand den du entfernen musst!
Das mit den TExt ist am Handy so ! Bei manchen SChriftarten wird es vom Handybrowser automatisch vergrößert. Wie oder warum das ist,kann ich dir nicht sagen !
Author
der Button hat im Grafikprogramm keinen Schatten und ist mit den Maßen 50x50px
freigestellt, deswegen verstehe ich das ja nicht wieso so ein Schatten kommt.
Wie Breit sind deine MEnübuttons im Hauptmenü ? 50px?
Genauso wie deine Höhe des Menüs im TEmplatestil?
Oder vielleicht der Vertikale Rand im HAuptmenü ?
Author
Mit dem Button habe ich hinbekommen. Danke für deine Hilfe.
Wegen der unterschiedlichen Schriftgröße habe ich jetzt folgendes festgestellt.
Der "normale" Text hat die richtige Schriftgröße, aber die Texte wo ich einen Zellenstil gemacht habe (andersfarbiger Hintergrund usw.) da wird der Text in einer anderen falschen Größe angezeigt!
Da liegt irgendwo ein Fehler, entweder bei mir oder beim Programm
Guten Tag,
Wenn ein Objekt kleiner ist ist dann beim mobilen die Textgrösse anders. Dies ist normal da es sich anpasst und wenn weniger Platzt vorhanden ist wird das Text auch kleiner erscheinen.
Da ist es besser ür Textobjekte immer die gleiche Breite zu halten um dies zu vermeiden.
Vielen Dank!
Author
Guten Tag,
vielen Dank für die Information.
Aber leider habe ich das nicht so richtig verstanden wie ich das umsetzen kann :-(
Guten Tag,
Achten Sie beim Zellenstil das die Abstände alle Gleich sind bei jedes Textobjekt und wenn möglich stellen Sie die Textobjekte so ein damit die ganze Breite im Schritt 3 benutzt wird oder das alle die gleiche Anzahl der Zellen benutzt.
Vielen Dank!