Title: Mobile Anzeige twentyfourteen Last modified: 29. Mai 2016 --- # Mobile Anzeige twentyfourteen * [mattatouille](https://de.wordpress.org/support/users/mattatouille/) * (@mattatouille) * [vor 10 Jahren, 4 Monaten](https://de.wordpress.org/support/topic/mobile-anzeige-twentyfourteen/) * Hallo zusammen, ich habe das Forum jetzt eine Weile durchstöbert und komme leider nicht zum gewünschten Ergebnis. * Mein Problem ist folgendes: Ich möchte das Theme twentyfourteen anpassen, dahingehend finde ich auch tatsächlich immer die passende Antwort in diversen Foren, oder eben hier. * Meine Seite befindet sich noch komplett im Aufbau und ich mache mich noch mit WordPress vertraut. Ein Child-Theme habe ich mir bereits erstellt. * Ich würde gerne die Sidebar anpassen. * Funktioniert auch soweit, jedoch habe ich Probleme mit der background-color auf meinem mobilem Gerät. Dort wird die Sidebar ans untere Ende der Seite verschoben und verliert meine vorher definierte background-color, springt also wieder zurück auf die Standardfarbe. Meine Vermutung, dass die Sidebar über diverse Funktionen in den Footerbereich gelegt wird war leider falsch. * Ich bräuchte also eine Lösung dafür, wie ich die Farbe auch dahingehend anpassen kann, dass sie auf meinem mobilem Gerät meiner Wunschfarbe entspricht. * Ich danke schonmal für Eure Lösungen. * Gruß Matze Ansicht von 8 Antworten – 1 bis 8 (von insgesamt 8) * Moderator [Bego Mario Garde](https://de.wordpress.org/support/users/pixolin/) * (@pixolin) * Moderator (nicht mehr aktiv) * [vor 10 Jahren, 4 Monaten](https://de.wordpress.org/support/topic/mobile-anzeige-twentyfourteen/#post-7819) * Das Theme verwendet eine Media-Query, die bei einer Größe von mindestens 1080 Pixeln eine andere Gestaltung zuweist. * D.h. du findest die Formatierung für kleinere Bildschirme unter [#secondary](https://themes.trac.wordpress.org/browser/twentyfourteen/1.7/style.css#L2152) und bei größeren Bildschirmen in einer Media-Query (ab Zeile 3694) [in Zeile 3734](https://themes.trac.wordpress.org/browser/twentyfourteen/1.7/style.css#L3734). Die Regel für große Bildschirme setzt das Menü auf einen transparenten Hintergrund, der in Zeile 3721 auf schwarz gesetzt wird. * Rausfinden kannst du das über die Entwickler-Werkzeuge deines Browsers: Rechtsklick > Element untersuchen. Dann siehst du in einem eingeblendetem Fenster links das HTML, rechts das zugehörige CSS, wobei die Zeilennummern des Style-Sheets neben jeder Regel angegeben werden. * Ein Child-Theme ist nicht wirklich nötig, wenn es nur um ein paar kleinere Design- Anpassungen geht. Das meiste kannst du mit CSS-Regeln ändern, die du dann in einem CSS-Plugin wie [Simple Custom CSS](https://wordpress.org/plugins/simple-custom-css/) ablegst. * Themenersteller [mattatouille](https://de.wordpress.org/support/users/mattatouille/) * (@mattatouille) * [vor 10 Jahren, 4 Monaten](https://de.wordpress.org/support/topic/mobile-anzeige-twentyfourteen/#post-7820) * Vielen Dank für die schnelle Antwort, ich denke, dass ich damit gut arbeiten kann 🙂 * [Flower33](https://de.wordpress.org/support/users/flower33/) * (@flower33) * [vor 10 Jahren, 4 Monaten](https://de.wordpress.org/support/topic/mobile-anzeige-twentyfourteen/#post-7827) * > D.h. du findest die Formatierung für kleinere Bildschirme unter #secondary > und bei größeren Bildschirmen in einer Media-Query (ab Zeile 3694) in Zeile > 3734. * Wenn ich [@mattatouille](https://de.wordpress.org/support/users/mattatouille/) richtig verstehe, geht es ihm nicht um die Formatierung von #secondary, sondern um die rechte Sidebar, oder? * [@mattatouille](https://de.wordpress.org/support/users/mattatouille/): **Falls dem so ist**, versuche es mal mit * ``` .content-sidebar.widget-area { background-color: #deinefarbe; } ``` * Das würde dann für alle Viewports gelten. * Falls ausschließlich für kleine Viewports gewünscht, müsstest du noch eine Media- Query voransetzen, _zum Beispiel_ (Breite von dir anpassbar) * ``` @media screen and (max-width: 400px) { .content-sidebar.widget-area { background-color: #deinefarbe; } } ``` * Ohne deine Seite vor Augen zu haben, gibts natürlich keine Gewähr, probiers einfach mal aus. Den CSS-Code (mit angepassten Farben) einfach in das von Bego genannte CSS-Plugin eintragen. * Moderator [Bego Mario Garde](https://de.wordpress.org/support/users/pixolin/) * (@pixolin) * Moderator (nicht mehr aktiv) * [vor 10 Jahren, 4 Monaten](https://de.wordpress.org/support/topic/mobile-anzeige-twentyfourteen/#post-7832) * > Wenn ich [@mattatouille](https://de.wordpress.org/support/users/mattatouille/) > richtig verstehe, geht es ihm nicht um die Formatierung von #secondary, sondern > um die rechte Sidebar, oder? * Oh. Woraus schließt du das? * [Flower33](https://de.wordpress.org/support/users/flower33/) * (@flower33) * [vor 10 Jahren, 4 Monaten](https://de.wordpress.org/support/topic/mobile-anzeige-twentyfourteen/#post-7833) * Gute Frage 😉 Ich bin vom CSS-ID- bzw. Klassennamen bei diesem Theme ausgegangen und davon, dass der Fragesteller sich darauf bezieht. Aber beim nochmaligen Nachdenken schätze ich, dass er sich doch nicht auf `#sidebar` bzw. `.content-sidebar` bezog, sondern tatsächlich auf `#secondary`. Wusste ich doch, warum ich „**Falls dem so ist**“ fett ausgezeichnet habe. ;-)) * Moderator [Bego Mario Garde](https://de.wordpress.org/support/users/pixolin/) * (@pixolin) * Moderator (nicht mehr aktiv) * [vor 10 Jahren, 4 Monaten](https://de.wordpress.org/support/topic/mobile-anzeige-twentyfourteen/#post-7834) * Is‘ schon Recht! Gute Nacht. 😀 * [Flower33](https://de.wordpress.org/support/users/flower33/) * (@flower33) * [vor 10 Jahren, 4 Monaten](https://de.wordpress.org/support/topic/mobile-anzeige-twentyfourteen/#post-7835) * Danke, dir auch! 🙂 * Themenersteller [mattatouille](https://de.wordpress.org/support/users/mattatouille/) * (@mattatouille) * [vor 10 Jahren, 4 Monaten](https://de.wordpress.org/support/topic/mobile-anzeige-twentyfourteen/#post-7907) * Beide Antworten haben mich durchaus weitergebracht. Danke sehr Ansicht von 8 Antworten – 1 bis 8 (von insgesamt 8) Das Thema „Mobile Anzeige twentyfourteen“ ist für neue Antworten geschlossen. ## Schlagwörter * [background color](https://de.wordpress.org/support/topic-tag/background-color/) * [Mobile](https://de.wordpress.org/support/topic-tag/mobile/) * [sidebar](https://de.wordpress.org/support/topic-tag/sidebar/) * [smartphone](https://de.wordpress.org/support/topic-tag/smartphone/) * In: [Themes](https://de.wordpress.org/support/forum/themes/) * 8 Antworten * 3 Teilnehmer * Letzte Antwort von: [mattatouille](https://de.wordpress.org/support/users/mattatouille/) * Letzte Aktivität: [vor 10 Jahren, 4 Monaten](https://de.wordpress.org/support/topic/mobile-anzeige-twentyfourteen/#post-7907) * Status: nicht gelöst ## Themen ### Beliebteste Themen ### Unbeantwortete Themen ### Nicht-Support-Themen ### Gelöste Themen ### Ungelöste Themen ### Alle Themen