Ich habe das Design Opto ebenfalls nicht.
Wenn ich mir Deinen ersten Screenshot aus Beitrag #1 anschaue, würde ich auf "Navigation, Hintergrundfarbe" tippen. Du sprichst ja hier von der Hauptnavigation, in dem gestrigen Thema rund um Elara ging es aber um die Allgemeine Navigation (diejenige mit den Navigationslinks für die Infoseiten, in den meisten Designs unten zu finden).
Wenn ich mir allerdings auf der Siquando Demoseite für Opto die Navigationsleiste per Element untersuchen im Browser anschaue, finde ich (u.a.) folgende CSS-Anweisung:
.sqrnav {
background-color: rgba(0,0,0,0.5);
}
Dies bedeutet nichts anders, als daß der Navigationsleiste ein genau halbtransparenter Schwarz-Schleier übergelegt wird. Das dahinter befindliche Bild wird also lediglich gräulich abgedunkelt. Die Farbe der Navigationsleiste ist somit stets nur dunkler als das Bild dahinter und in seiner tatsächlichen Farbe vermutlich gar nicht beeinflußbar.
Sorry, aber die Verwendung des separaten mobilen Designs bei einem responsiven Hauptdesign halte ich für Nonsens. Die Qualität der aktuellen responsiven Designs ist aus meiner Sicht deutlich besser und die Technik, die sich hinter dem sog. "Dynamic Delivery" verbirgt (statisches Hauptdesign für Desktop-Geräte / separates Mobildesign für mobile Geräte), längst veraltet und überholt.