Layout iim Responsive-Design verschieden angezeigt

Hallo WP-Freunde,

Ich betreibe einen Blog mit einem selbstgeschriebenen Template. Es sieht so aus als ob die Leser meines Blogs Probleme beim Lesen der Artikel haben, wenn sie den Blog mit ihren Smartphones aufrufen. Zwei verschiedene Text-Divs, die im Blog eigentlich nebeneinander liegen, überlappen sich und auch das Hauptmenü ist weit auseinanderezogen. Wenn ich jedoch über das Entwicklertool im Browser (Chrome, Firefox) den Blog im Responsivedesign anschaue, sieht der Blog auch in der Auflösung kleiner Bildschirme vernünftig aus (wie übrigens auch in jeder anderen Auflösung). Auch auf meinem eigenen Smartphone habe ich keine Problem mit der Darstellung.

Jetzt weiß ich leider nicht wo ich ansetzten soll, um das Problem zu lösen.
Ich füge drei Screen Shots als Anhang bei. Die ersten beiden Screen Shoots zeigen die fehlerhafte Darstellung des Blogs auf einem Smartphone. Der dritte Screen Shot zeigt den Blog im Responsive-Design über des Entwicklertool von Firefox (width 280).

Falls jemand eine Idee hat, bin ich über jeden Ratschlag dankbar.

Vielen Dank und Liebe Grüße
Morten

hey, vielen Dank für den Hinweis. Ich probiere es sofort aus! Wäre schön, wenn du noch mal schauen könntest, ob das Layout nun vernünftig aussieht.

Ich habe auch die Klammern überprüft, aber keinen Fehler finden können. Hast du vielleicht noch eine Idee, wie das Problem zu lösen sein könnte?

Nun habe ich herausgefunden, dass die fehlerhafte Darstellung im Safari-Browser auftaucht. Gibt es besondere Einstellung für Safari, die ich beachten muss, damit mein Blog vernünftig angezeigt wird?