Hallo nochmal,
gestern habe ich das erste mal meine Seite bei Google gesucht. Nun musste ich feststellen, dass Google anzeigt, dass meine Seite nicht für mobile Geräte optimiert ist. Ich habe dann das Addon WPtouch installiert, was auf Anhieb funktioniert hat. Habe es über ein iPhone ausprobiert.
Ich habe jetzt aber zwei Probleme: Wenn ich auf mobilen Geräten in den Desktop Modu wechsel, dann wird mein primäres Menü falsch dargestellt. Erstens wird ein Responsive Menü Button angezeigt, den kann ich mit CSS aber leicht ausblenden. Was viel schlimmer ist, ist, dass das Menü untereinander gelistet wird. Das führt zu einer fehlerhaften Darstellung. Mir ist zwar bewusst, dass das Responsive Menü automatisch von dem twenty twelve Theme erstellt wird, wenn die Auflösung sehr klein wird, aber ich habe keine Ahnung wie ich es per CSS verändern kann. Ich habe mit den Tool von Chrome alles durch. Es ist stets display: inline-block eingestellt.
Das zweite Problem ist: Das WPtouch Plugin funktioniert echt super, sogar die Anpassung der Optik gefällt mir sehr gut. Ich würde gerne aber das Menü im mobilen Modus anpassen. Ich weiß nicht ob das hier reingehört, deswegen stelle ich diese Frage wohl eher im Plugin Thread.
Das wichtigste ist wirklich, dass das primäre Menü im mobilen Desktop Modus horizontal verläuft, genau wie es auch Standardmäßig bei höheren Auflösungen dargestellt wird. Dieses Responsive Menü von twenty twelve kann von mir aus auch ganz abgestellt werden, ich habe aber Angst, dass ich irgendein Fehler in der functions.php mache. Experimentieren möchte ich da eigentlich nicht.
Wür anregungen und Tipps wäre ich sehr dankbar!