Responsive Design - display:none Auswirkung?

Jonas Brauer

Mitglied
Bei der Umstellung meiner Test Webseite auf ein responsiv Design, ist mir etwas aufgefallen. Die mouseover Navigation wird nicht vernünftig dargestellt, bei einer zu kleinen Auflösung. Somit liegt auf der Hand, diese zu verstecken (display:none).

Würde Google diesen Vorgang negativ bewerten?

MfG - Jonas
 
Google rendert CSS und JS, doch ob sie neben 320, 360 und 1024 noch weitere Fensterbreiten testen, kann ich dir nicht sagen. Generell gilt: Wenn diese Navigation notwendig ist um sich durch die Seite zu navigieren, dann wuerde ich diese nicht ausblenden, sondern gewisse CSS Eigenschaften der (von den Design-Unschoenheiten befallen) Elemente entsprechend anpassen. Da es sich in deinem Falle wohl um nicht zwingend notwendige Subitems handelt (die ohne mouseover anstelle von einem Klick via 2 Klicks erreichbar sind), wird da Google kaum was dagegen haben, sofern die Submenues andersweitig ersichtlich sind. Frag dich was das beste fuer deine User ist.

Hier ein Beispiel wie das aussehen koennte:
CODE
@media screen and (max-device-width: 767px) {
.navSubItem { font-size: 90%; }
}


Wenn du hier die URL der Webseite postest, kann ich dir einen konkreten CSS-Code bereitstellen.
 
Thx für die schnelle Antwort.

Dein Code hat mir super geholfen, jetzt läuft alles wieder Rund
biggrin.gif

Wenn ich einen neuen Fehler habe melde ich mich bestimmt nochmal
wink.gif


Aber erst mal läuft alles super.
 
Zurück
Oben