Hallo, URL: www.my-whitepearl.de Ich hab ja soweit die erste Seite nach dem Desktop fast angepasst. Allerdings beim wechseln auf Smartphone/Tablet Portrait und Landscape passiert folgendes. Ich kann mir es vorstellen, dass es irgendwie an den Grid-Spalten (klein/medium/groß) von dem Header (Logo/Suche/Freigestaltbarer Bereich und kleiner Warenkorb) etwas zu tun haben könnte. Hat jemand eine Idee?
Die Schrift ist nicht responsive, sondern hat eine Feste Größe. Das ist für andere Bildschrimauflösungen aber zu groß, Außerdem sind die Gridspalten falsch, deshalb rutscht der Warenkorb zu weit nach links Die Gridspalten müssen für jede Größe insgesamt (Logo, Suche, Freie Text und Warenkorb) 12 ergeben also groß: Logo + suche + Freier Text + Warenkodr = 12 Medium: Logo + suche + Freier Bereich + Warenkorm = 12..... Bei dem Newsletter hast Du Gridspaten davor gesetzt, da musst Du die Werte noch für die Tablet-Ansicht anpassen. Versuche es mal, wenn Du das col md-6 auf col md-3 änderst.
Hallo Barbara, die Schrift sollte jetzt responsive sein. Die Gridspalten habe ich etwas verändert. Allerdings ist bei Tablet Landscape Ansicht das Logo zu hoch. (siehe das Bild) *Ist das Logo überhaupt responsive?* Unter Darstellung/Logo/ lässt sich nichts einstellen. und zweitens, welche Gridspalte muss ich denn für die Ansicht Tablet Portrait ändern? (Wenn ich Medium ändern muss, dann wird die Ansicht Tablet Landscape wieder verzerrt) Danke
Wenn ich das im Chrome richtig sehe, hast Du jetzt Logo groß = 4 Gridspalten Freier Text = 7 Gridspatlen Warenkorb = 1 Gridspalte Logo Medium = 4 Freier Text = 7 Warenkorb = 1 Logo klein = 3 Freier Text = 3 Warenkorb = 1 müsstest Du den freien Text auf 8 Gridspaten stellen, damit die Summe 12 ergibt. Das ist ein bisschen ungünstig geregelt, denn im Gegensatz zu z.B. den Kategorien, hat der Header für Smartphones eine andere Darstellung. Deshalb ist mit klein hier nicht das Smartphone gemeint. Was Dein Logo angeht, das ist jetzt responsive. Wenn ich hier die Gridspalten z.B. auf 2 Stelle, würde das so aussehen: Das eigentliche Problem ist aber nciht das Logo, sondern dass durch die schmalere Darstellung der Balken mit den Kategorien nciht mehr neben dem Logo ist, sondern sich davor schiebt. So würde es aussehen, wenn Logo 2, freier Text 8 und Warenkorb 2 Gridspalten hätte:
Übrigens, wenn Du für die PC-ansicht das Logo und den Warenkorb mit 3 Gridspalten machst, und den Freien Text mit 6 und das Bild mit Code: <img alt="" class="img-responsive" src="images/MyWhitepearl.png" style=" margin-left: auto; margin-right: auto;"> einfügst, ist der Text mittig. Bei den anderen Größen dann eventuell rechts und links je 1 Grid weniger und in der Mitte 2 mehr.
Hallo Barbara, hier meinst du Desktop. Wenn ich die Werte übernehme, dann ist der Warenkorb sehr weit links. Wenn ich unter ContentM/Header/Quellcode/ das einfüge, dann verändert sich nichts. (es wird nicht mittig) Hier habe ich nichts verändert.
Wenn ich das in der Chrome-Konsole eingebe, sieht es bei mir so aus: Wenn das im Original nciht geht, liegt ein anderer Bereich darüber und überschreibt das. Da müsste man schauen, was das ist.
Mhhh.......ich werde wohl als Laie daran nichts ändern können. Ich beschäftige mich wirklich seit zwei bis drei Tagen mit dem blöden Newsletterbereich und jetzt kommt noch der blöde Header dazu. Magst du es mir nicht gegen Zahlung erledigen? Ich will einfach diese beiden Kapitel beenden. Ich verliere langsam die Motivation.