Hallo,
ich verwende ein angepasstes Twenty-Twelve mit Widget-Area bzw. Sidebar auf der rechten Seite. Ich habe das responsive Design deaktiviert, da ich die Sidebar für meine zweite Navigation benötige und diese aus Usability Gründen nicht erst ganz unten nach dem Content erscheinen soll.
Ruft man die Seite ( http://www.kinderpsychologe-muenchen.de ) über Desktop auf, sieht auch alles wunderbar aus. Ruft man die Seite aber über ein Smartphone auf, wandert die Sidebar nach rechts,wenn man in den Seiteninhalt einzoomt, bis sie schliesslich ganz verschwindet. Der Abstand zwischen Content und Sidebar soll aber gleich bleiben und die Sidebar auch beim einzoomen mit nach unten scrollen und immer sichtbar sein. Das tut sie jedoch nur, wenn nicht oder nur minimal eingezoomt wird.
Dabei ist mir aufgefallen, dass man weiter einzoomen kann, ( und dabei auch die Sidebar vergrößert sieht ) solange auch ein Teil des Headerbildes im sichtbaren Bereich liegt. Sobald das Headerbild aus dem sichtbaren Bereich verschwindet, wird auch die Sidebar unsichtbar.
Zudem nimmt der Content in manchen Smartphone Browsern nur die Hälfte des verfügbaren PLatzes ein, d.h. zwischen Content und Sidebar klafft eine große Lücke. Der mobile Firefox z.B. stellt das aber korrekt dar.
Habe schon alles mögliche probiert und bin jetzt echt am Verzweifeln... :-(
Kann wer helfen?
Gruß Rico