Problem mit responsiver Darstellung auf Mobilgeräten 
Auteur : Robert W.Hallo,
am PC/Desktop ist alles OK (auch beim zusammenschieben / verkleinern - chrome + ie )
An Mobilgeräten Katastrophe (5,2 und 6,4 Zoll Androiden mit 1080 x 1920px):
1)Seiten werden dargestellt, als wäre die Auflösung unter 720x480
(aus 4 Bildern im Quadrat werden 2 untereinander / die anderen beiden sind dann ausgeblendet)
2)Das reduzierte Menü klappt weit außerhalb des Bildschirms (unsichtbar), ganz am rechten Rand aus.
Nur zu sehen in Landscape oder wenn man dort hin wischt.
3)Außerdem ist auf der Startseite oben die "Beschreibung der Webseite" (Punkt 1.1. Einstellungen/Allgemein) zu lesen.(schwarz auf grau). Die soll doch nur in der Google-Suche erscheinen (nicht auf der Website)? Am PC/Desktop ist sie auch nicht zu sehen.
4)Im Shop sind je Produkt mehrere Bilder hinterlegt, die am PC aufpoppen und durchgezappt werden können.
Am Handy geht nur 1 Bild. Auch, wenn ich im Handy "Desktopdarstellung" wähle (womit sich allerdings die Darstellung insgesamt etwas verbessert.)
5) Die Seite "Werkstatt" ist mobil auch ganz übel (weißer Hintergrund oben) - wahrscheinlich der Code für das 360-Bild, da einziger Unterschied. Aber -wie gesagt- am PC ist alles gut (außer 2 weißen Rändern, die auch nur dort sind und nicht sein sollen)
Im Programm aktiviert sind die Standardeinstellungen für responsives Design, also alles größer 960 x 720 = Desktop
Bei 2-"Vorlage/anpassen/Struktur" habe ich lediglich 1 Bild (1050x1680) als Seitenhintergrund ("an Seite anpassen"), alles andere ist auf transparent.
Vielleicht hat jemand für das Ein oder Andere einen Tip, ansonsten hoffe ich, daß die Seite mobil ohne das responsive-"feature" nutzbar(er) ist.
Dank im Voraus,
RW
Als erster wäre es nicht schlecht wenn du pro Posting immer eine Frage oder ein Problem schreiben könntest, sonst wird es zu unübersichtlich zu antworten.
Als weiterer Punkt ist, dass du noch mit der EVO V13 arbeitest die beim responsiven noch in den Kinderschuhen steckte.
Außerdem sind hier einige Gestaltungsfehler eingebaut. Am ehesten merkst du es wenn du den Browser zusammenschiebst und unten eine Scollleiste entsteht.
Auteur
Ok, wenn das einige der Probleme löst, werde ich wohl mal upgraden
Aber alleine Upgraden wird sicherlich nicht alle Probleme lösen. Wenn dann musst du sicherlich einiges ändern und verschieben. Denn in den neuen Versionen kann man vieles extra pro Breakpoint einstellen was nicht das Programm automatisch macht.
Auteur
Hallo Andreas,
das Meiste hat sich tatsächlich durch das Upgrade lösen lassen (mehr Einstellungen und/oder bessere Bedienung),
aber auf der Startseite (und nur dort) habe ich immer noch oben die Meta-Tags (aus 1./ Einstellungen / Statistiken / SEO) eingeblendet, und diesen häßlichen weißen Hintergrund (je kleiner die Auflösung, desto größer wird er)
Auch wenn ich das SEO-Feld leer lasse, bleibt das blöde weiße Feld (Vorschau PC und "echtes" Mobilgerät)
Da weiß ich mir echt keinen Rat
Hallo Robert,
unter 1-Einstellungen, Statistiken, SEO und Code kannst Du im Reiter "Code" an verschiedenen Stellen benutzerdefinierten Code eingeben. Prüfe mal alle Möglichkeiten dahingehend, ob dort dieser Text auftucht und lösche ihn.
Auteur
nein, da ist alles leer ....
Ich meine, das ist ein Fehler der bei der Übernahme aus einer früheren Version entsteht. Hast Du bei den SEO-Einstellungen mal alles heruasgenommen und dann Strg-Vorschau gedrückt, damit ein kompletter Neuaufbau durchgeführt wird?
Auteur
Der Fehler mit dem weißen Hintergrund (Header/Fußzeile) bei kl. Auflösungen liegt offenbar an G-Maps,
egal ob als X5-Objekt oder selbst als html-code eingesetzt. Ohne ist alles Ok.
Der "Metatag für G. search console" unter Einstellungen / Statistiken / SEO erscheinet allerdings immer in jeder Auflösung am oberen Rand.
Darf der vielleicht nur eine best. Länge / Wortzahl enthalten - oder muss er dort zB mit irgendwelchen Zeichen eingegeben werden?
Ich habe ihn jetzt unter "code" und "vor dem <Head/>tag" eingegeben
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Goldschmied, Friedrichstadt, Schmuck, Anfertigung, Änderung, Reparatur, Gravur, Vergoldung, Versilberung, Rohdiamant, Opal, Bernstein, Ankauf" />
<meta name="description" content="Goldschmiede Juwelier Friedrichstadt, handgefertigter Schmuck, Reparatur, Unikate, Gravur, Galvanik" />
Für das Problem mit Maps kann ich ja mal einen extra thread aufmachen. Bin ja wohl nicht der Erste, der seinen Standort so auf der Starseite anzeigt
Auteur
Also .... an maps liegt es auch nicht.
Es ist die Anzahl der Bilder (Objekte).
Bis 3 Stück (je 325x249px) ist alles in bester Ordnung.
Ab da wird mit jedem zusätzlichen Bild der weiße Bereich oben und unten größer.
Bei 6 Bildern liegen das oberste und unterste komplett im weißen.
(Wie gesagt nur in den beiden kl. Auflösungen unter 720p, wo die Bilder nicht mehr neben- sondern untereinander dargestellt werden)
Das schw. Hintergrundbild (Seitenhintergrund) ist 1050x1600 und "an Fenster anpassen"
(was im shop auch hervorragend funktioniert) ansonsten sind keine Hintergründe für Header, Fußzeile etc.
definiert, alles auf transparent.
Wäre toll, wenn da jemand eine Idee hätte, wo man ansetzen kann....
thx,
Robert
Hallo Robert,
Vorschlag: Sende mir mal wenn Du wilst eine Backup-Datei (IWZIP) zu, vieleicht finde ich so den Fehler ???
Gruß
MCMACMASTER
Was ich so sehe hast du doppelte Metatags drinnen im Codeteil. Einmal wird es sowieso erzeugt von WSX5 da brauchst du es nicht extra einzufügen.
Auteur
Hallo und danke für die Antworten.
Das Problem mit dem weißen Hintergrund im Header habe ich behoben, indem ich bei den 2 kleinen Auflösungeneinen Streifen aus dem "Seitenhintergrund" hinterlegt habe.
Soweit glaube/hoffe ich langsam fertig zu sein ;)
Dank & Gruß,
Robert
goldschmied.one