Responsive im "Hochkant-Format": Weisser Hintergrund im Hauptmenu

Hallo Hannes,

wenn ich es gerade auf die Schnelle richtig gesehen habe, scheinst du auf deiner Seite keine Untermenüs drin zu haben.
Wenn ja, dann kannst du mal folgendes machen, um die Hintergrundfarbe zu ändern:

- Gehe in den Layoutdesigner in der "Farb-Assistenten" und ändere dort bei "Menühintergrund" die Farbe auf deine gewünschte ab.
- Dann aber deine Komplette Seite überprüfen, ob sich dadurch nichts anderes "mitverstellt" hat.

Hallo Hans,

bitte mach es mal so, wie ich es beschrieben habe.
Hier in meinem Testprojekt, ändert sich in dem Layout dadurch die Hintergrundfarbe der Dropdownliste.
Ich verifiziere meistens meine Antworten/Tips, bevor ich hier was schreibe

Wo wir gerade beim Thema sind.
Ich erstelle ebenfalls gerade meine Seite mit "Poster-Responsive".

Wenn ich die Seite mit dem Android-Phone aufrufe lässt sich das Menü im
Querformat nicht scrollen, im Hochformat funktioniert das aber. LINK

Gruß Mario

Hallo Mario,

hilft dir zwar jetzt nicht weiter, aber als Info für das Zeta-Team morgen,
bei einem Windows-Phone scrollt das Menü im Hoch und Querformat problemlos.

Wie schauts aus bei den IPhones?

Zitat von zella.de

Wenn ich die Seite mit dem Android-Phone aufrufe lässt sich das Menü im
Querformat nicht scrollen, im Hochformat funktioniert das aber. LINK

Hallo "Android-Phone" ist ein sehr weit gefasster Begriff. Was für ein Phone ist es denn, welche Bildschrirmgröße und Android-Version hat es und welcher Browser wurde genutzt?

Hallo,

konnte das eben nachstellen. Wird mit dem nächsten Update besser werden. Bis dahin könnte folgender Workaround helfen:

• Klicken Sie im Menü Website auf "Erweitert > Attribute"
• Stellen Sie sicher, dass unten links im Button "Attribute" die Option "Alle anzeigen" angehakt ist
• Doppelklicken Sie nun in der Liste der Attribute unter "Standard" auf das Attribut "mobile_script"
• Fügen Sie folgende Textzeilen ein und schließen Sie den Dialog dann mit Klick auf "OK"

<style>
@media (max-width: 970px) {
.navbar{
position: relative;
}
}
</style>

Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.

Danke funktioniert so vorerst.

Hallo Hannes,

also bei meinem Testprojekt mit deinem verwendeten Layout "Poster-Responosive" geht das einwandfrei.
Aber ich habe da so eine Vermutung, warum es bei dir evtl. nicht geht.

Die Bilder, die du oben gepostet hast, sind ja Screens vom Layoutdesigner.
Gehe mal aus dem Layoutdesigner raus mit OK (nach erfolgter Änderung) und sieh es dir dann in der Vorschau an, ob es nicht rein zufällig da dann auch bei dir stimmt.
Der Layoutdesigner hat leider ab und zu das Problem, das nicht alle Änderungen in der Voransicht übernommen werden, bzw. nicht sofort, sonder erst nach einer Weile.
Manchmal aber auch gar nicht, und da heißt es dann, raus aus dem Layoutdeisgner mit OK > Das Layout wird übernommen und dann passt es auf einmal.

Versuche es mal so.

Hallo Hannes,

ja das wird jetzt das beste sein, das Projekt den Zeta-Leuten mal zur begutachtung zuzusenden.
Ich habe jetzt auf die ferne auch keine weitere Vermutung, warum das bei dir nicht geht.

Warte da mal auf den Montag, bis Zeta hier das liest und dann was dazu schreibt (vielleicht ja auch schon die Lösung dazu).

Hallo,

uns würde es zunächst schon reichen, die Website irgendwo online anzusehen. Solche Fehler können wir so meist schon beurteilen auch ohne das Projekt zu sehen. Ggf. die Website auf Testserver oder in Unterordner veröffentlichen (wenn Sie noch nicht so online gehen soll).

Hallo,

danke für den Link. Dem Quellcode nach zu Urteilen, wurde hier bewusst weiß als Menü-Hintergrund und als Menü-Schriftfarbe vergeben.
Senden Sie uns bitte das Projekt zur Begutachtung:

• Ö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 ggf. 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)

Lassen Sie uns anschließend hier im Forum den Namen Ihres Projekts wissen, damit wir die zugesendeten Daten Ihrem Fall zuordnen können.

Während wir an Ihrem Projekt arbeiten, sollten Sie bei sich keine Änderungen durchführen, denn sonst müssten Sie das ggf. nochmals im von uns modifizierten Projekt durchführen.

Hallo,

ich habe Ihr Layout erhalten. Sie erreichen das gewünschte Ergebnis mit folgenden Layout-Einstellungen:

In den Layout-Einstellungen für "Hauptmenü", geben Sie bei "Mouseover" > "Hintergrundfarbe" bitte folgendes ein: #3A3A3A

Hallo,

ich erhlich gesagt auch nicht Ich werde es mir mal genauer ansehen und ggf. das Layout optimieren.