Unterschiedlich helle Menüs im responsive Design

Hi,

wenn der Bildschirm entsprechend schmal ist, wird statt des normalen Menüs ein schmales Pull-Down-Menü dargestellt (siehe Bild) - soweit alles normal

Und es sieht erst einmal identisch aus, egal ob ich das Browser-Fenster zusammenschiebe oder übers iPhone auf die Homepage gehe. Aber es gibt einen deutlichen Unterschied: Bei zusammengeschobenem Browserfester ist das Menü seit Änderungen in der jQuery-Datei mit weißem Text auf dunklem Hintergrund (wie im Bild) und damit gut lesbar. Auf dem Handy bleibt es wie vor den Änderungen in jQuery mit weißer Schrift auf sehr hellgrauem Grund und ist schlecht zu lesen.

Woran liegt es und was kann ich machen, das Menü im Handy anzupassen?

Hallo,

Eine Media gibts bei mir nicht, aber eine responsive.css

Hat das was mit der .main-nav zu tun oder bin ich da auf dem Holzweg?
Und in welcher Datei würde man dann die Farben bestimmen? in der css finde ich nichts.

Media screen and (max-width: 810px) {

.main-nav .menu {
display: none;
}

.mobile-menu {
display: block;
}


.main-nav {
box-shadow: none!important;
-webkit-box-shadow: : none!important;
}

.fullmasonry ul li {
width: 32%;
}

#slidecaption {
font-size: 40px!important;
line-height: 50px!important;
}

.home-teaser {
font-size: 18px;
line-height: 20px;
width: 200px;
}
}

Da ist alles geändert. Das ist das Ding, mehr steht nicht drin:
$("#nameTo").blur(validateName);
$("#email").blur(validateEmail);
$("#message").blur(validateMessage);

$(".contactForm").submit(function(){
if(validateName() && validateEmail() && validateMessage()){
return true;
}else{
return false;
}
});

function validateName(){
var a = $("#nameTo").val();
var b = $("#nameTo").attr('aria-required');
if(b && !a){
$("#nameTo").css({"border-color":"#FF0000"},200);
$("#nameTo").css({"background-color":"#555555"},200);
return false;
}
else{
$("#nameTo").css({"border-color":"#f0f0f0"},200);
$("#nameTo").css({"background-color":"#555555"},200);
return true;
}
}

function validateEmail(){
var a = $("#email").val();
var b = $("#email").attr('aria-required');
var filter = /^[a-zA-Z0-9_\.\-]+\@([a-zA-Z0-9\-]+\.)+[a-zA-Z0-9]{2,4}$/;
if(b && !filter.test(a)){
$("#email").css({"border-color":"#FF0000"},200);
$("#email").css({"background-color":"#555555"},200);
return false;
}
else{
$("#email").css({"border-color":"#f0f0f0"},200);
$("#email").css({"background-color":"#555555"},200);
return true;
}
}

function validateMessage(){
var a = $("#message").val();
if(!a){
$("#message").css({"border-color":"#FF0000"},200);
$("#message").css({"background-color":"#555555"},200);
return false;
}else{
$("#message").css({"border-color":"#f0f0f0"},200);
$("#message").css({"background-color":"#555555"},200);
return true;
}
}

});

idee mit browsercache getestet, leider ohne erfolg. und habe in alle mit "min" mal reingeschaut.
finde nichts was sich für mich nach dem nenü anhört - aber ich habe von dem zeug auch keine ahnung.
schwirre noch wie ein blinder im tiefflug durch wordpress.

das wäre im angebot:

und das bei den css - vielleicht findet du eher was
meins iyt übrigens ein dark-style - aber das problem ist, dass die themeerstellerin bei machen menüs nicht die arbeit gemacht hat, sie entsprechend anzupassen. da ist gern mal ne falsche schrift auf falschem hintergrund.

Die hatte ich beide schon durch - ein einziger background-verweis. ich glaube mir bleibt nichts anders als datei für datei durchzumachen. Bräuchte firebug für das iPhone. müsste man mal schnell erfinden