Hallo,
ich habe Probleme mit Stripe Responsive auf folgender Seite:
http://www.gay-wedding-mallorca.com
In der mobilen Ansicht verschwinden Logo und Menu.... Stattdessen überdimensionaler Header.
Was sagt der Support?
Gruss Ronny
Stripe Responsive - Fehler in der mobilen Ansicht
-
Hallo Ronny,
also bei mir sieht das aber gerade nicht falsch aus (aber nicht perfekt
Hat sich das Problem mittlerweile erledigt?Edit: Habs eben noch mal auf einem anderen gerät gecheckt, und jetzt sehe ich auch den Fehler!
Warte da mal auf morgen, was Zeta dazu sagt.
Ich vermute da evtl. einen Layoutfehler in verbindung mit der 12.5 VersionEdit 2: Evtl bringt es was die Kopf/Headergrafik auf "skalierend" zu setzen? Wenn nicht schon versucht.
-
Edit 2: Evtl bringt es was die Kopf/Headergrafik auf "skalierend" zu setzen? Wenn nicht schon versucht.
Guten Morgen,
"skalierend" macht natürlich Sinn beim Responsive Layout. Jedoch wird mir nach wie vor nicht das Logo und das Menu auf dem Smartphone angezeigt.
Außerdem sieht es irgendwie merkwürdig aus, wenn in der Desktop Ansicht das Menu rechts oben neben dem Logo platziert ist und nicht, wie ich manuell mal probiert hatte 140px mit "margin-top", obwohl Platzhalter in der CSS vorhanden sind für "margin-top". Man kann jedoch bei den Layout Einstellungen nicht die Menuposition vertikal verändern
Gruss Ronny
Edit: Sorry, die Einstellung für "vertikal" hab ich gefunden. (Hatte ich wohl übersehen).
Das Logo und das Menu verschwinden in der mobilen Ansicht hinter dem Header, der wiederum in der Desktop Ansicht, obwohl Höhe max. 500px eingestellt ist, verschwindet geringe Höhe hat.
Edit 2:
Wenn ich skalierend auswähle und dann im Browser das Layout wechseln lasse, verschwindet die Kopfgrafik komplett!Ich bin mir nicht sicher, aber irgendwie ist im Stripe Responsive der Wurm drin
Schade -
Hallo,
wie ist denn die Layout-Einstellung "Kopfgrafik > Bild > Position"? Ich vermute "Hinter Hauptmenü"? Das macht aber hier keinen Sinn, da das Hauptmenü nicht Opak ist. Bitte mal auf "Unter Hauptmenü" umstellen. Könnte Sein, dass dies auch schon das Problem auf kleinen Displays löst.
-
Guten Morgen, nein, daran lag es nicht.
Wenn ich den HG des Logos transparent stelle, dann liegt das Logo über der Kopfgrafik, sieht aber bescheiden aus....
Bevor ich hier aber verzweifele, habe ich das Layout auf Producer Responsive gewechselt. Nun wird mir zwar das Logo, das Menu und der Header auf dem Smartphone angezeigt, jedoch mit erheblichem Abstand zum Header. Das sieht mit Verlaub gesagt, bescheiden aus...
Eventuell liegt es daran, das ich in der Layouteinstellung Abstand Menu von oben: 145px eingegeben habe. Ich ging davon aus, das dies nur für die Desktop Variante gilt. Leider wird das aber in der mobilen Ansicht 1:1 übernommen
(siehe Screenshot)
Gruss Ronny
-
Geben Sie uns halt bescheid, wenn Sie sich endgültig für ein Layout entschieden haben und dann immer noch Probleme haben. Sonst vergeuden wir zu viel Zeit, da wir nach einer Lösung suchen, während Sie Ihr Projekt bereits verändert haben.
-
Hallo "Ronny",
das Problem mit dem Abstand scheint ja, wenn ich Ihre aktuelle Website ansehe, auch bereits gelöst zu sein. Kann ich sonst noch irgendwie helfen?
-
Ah, ok. Ursache scheint irgendwie das Logo zu sein. Schicken Sie mir Bitte Ihr Projekt, dann kann ich das genauer analysieren und Ihnen dann gff. eine Lösung anbieten:
- Öffnen Sie Ihr Projekt in Zeta Producer
- Gehen Sie auf das Menü "Extras"
- Klicken Sie auf den Button "Optionen"
- Klicken Sie auf "Aktionen"
- Klicken Sie rechts auf die Aktion "Projekt Senden" damit diese Markiert ist
- Klicken Sie unten auf den Button "Ausführen"
- Geben Sie im 1. Feld Ihre E-Mail-Adresse ein, damit wir Sie für Rückfragen kontaktieren können
- Geben Sie als Referenz ins Feld Bemerkungen den Link zu diesem Forum-Artikel ein (per Kopieren und Einfügen)
- Klicken Sie auf den Button "Senden"
-
Hallo,
da fehlte noch eine Kleinigkeit an CSS im Layout, um mit so großen Logos umzugehen. Das wird per Layout-Update behoben. Ihr Projekt nutzt aber eine Kopie des Layouts und wird daher nicht von Updates profitieren.
Die Lösung für Sie (ZP 12.5):
- Klicken Sie im Menü Website auf "Einstellungen"
- Klicken Sie auf CSS
- Fügen Sie folgende Textzeilen (ohne Überschrift und ohne Zeilennummern – am besten über das Dokumente-Icon rechts oben im Quellcode-Kasten kopieren) in das Feld "CSS" ein und schließen Sie den Dialog dann mit Klick auf "OK"
CSS<style> @media (max-width: 568px) { .navbar-inner{ min-height: 0; } .navbar a.brand{ height: auto; } } </style>
Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen. -
Hallo @Ronnyberlin, sieht ansprechend aus die Website! Schön "frisch" und einladend!
Ins Auge gefallen ist mir allerdings die Grafik im Impressum, die mir bekannt vorkam, was sich dann auch bestätigte (http://goo.gl/AANcU9). Da es sich zudem um eine JPEG-Bilddatei handelt, wirkt sie eher unscharf, was bei dem schönen Layout doch nicht so angenehm wirkt.
Mir ist auch aufgefallen, dass sich bei Nutzung der Länderflaggen (nicht aller seltsamer Weise) zumindest beim Chrome Browser das Layout (in der Desktopansicht) dahingehend ändert, dass der Abstand zwischen Logo und horizontaler Seitennavigation stark vergrößert.
Soll keine Kritik sein sondern nur gut gemeinte Hinweise.
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!