Protostar Template - mobile friendly

Hallo zusammen,

ich bin mal wieder dabei an unserer Homepage ein wenig zu schrauben (Mobile-friendly).

Wir benutzen das Standard Template (Protostar). Ich weiß, dass dieses schon von Haus aus responsiv ist, jedoch scheint das noch nicht so richtig zu funktionieren.

Liegt das daran, dass ich das Template von Static auf Fluid umstellen muss?

www.bsvslr.de

Ich habe das jetzt mal spaßeshalber auf fluid gemacht. Jedoch passt er mir den Header nicht an. Der bleibt auf der "Standard" Größe.

Wird das Template nach dem Umstellen auf fluid responsiv, also mobile friendly und wenn ja, wie stelle ich den Header so ein, dass dieser sich automatisch anpasst.

Danke vorab.

Hallo, danke für die schnelle Antwort. Link ist oben angegeben. Was ist denn der Unterschied zwischen Static und Fluid? Ich vermute, dass Static die Seite statisch macht und auf mobilen Geräten die Seite auch statisch bleibt und sich nicht ändert. Kann mich da aber auch täuschen?

Mhh ok, ich habe unsere Seite bei den Google Webmaster Tools getestet und er gibt mir das als nicht mobile friendly aus. Obwohl die Seite doch responsiv zu sein scheint.

Wie oben geschrieben, die Seite wird zum einen nicht richtig auf mobilen Geräten dargestellt. Und Google Webmaster Tools sagt, nicht mobil fähig (Inhalt breiter als der Bildschirm und Links liegen zu eng beieinander). Also sind da noch Anpassungen notwendig? (Kenn mich da leider nicht so aus, verzeiht mir meine Unwissenheit)

Zitat von addi

Eine Verbesserung wäre schon sinnvoll, nämlich das Bild im Header von max-width: 100% - das funktioniert nicht! - auf width: 100% zu setzen.

Das geht mit folgender CSS-Regel

Code

a.brand img {
  width: 100%;
}

Was bewirkt das? Heißt, ich sollte in Zeile 50 (Firebug) von max-width auf width umstellen?