Responsive Header: TwentyThirteen

Hallo, ;)

ich würde gerne in meinem TwentyThirteen Blog einen responsive Title haben, sodass sich der Titel auf mobilen Geräten (Smartphone) verkleinert.

Meine Website: hochdruckreiniger-tester.de

Aktuell sieht der Header auf mobilen Geräten so aus:

Ich möchte, dass der Titel "Hochdruckreiniger" vollständig zu lesen ist. Danke im Voraus! :)

Zitat von SirEctor

Schreib mal in deine CSS folgendes ganz ans Ende

Code

@media all and (max-width:490px){
  .styles #page .site-title {font-size:48px;}
}

Hab ich geändert, aber leider keine Verbesserung.

Hast du vielleicht weitere Ideen?

Zitat von Edi

Eine Idee wäre, dass Du die Adresse Deiner Website angibst. ;-)

Schau mal hier: ;)

Zitat von Stevaen

Hallo, ;)

ich würde gerne in meinem TwentyThirteen Blog einen responsive Title haben, sodass sich der Titel auf mobilen Geräten (Smartphone) verkleinert.

Meine Website: hochdruckreiniger-tester.de

...

Zitat von Edi

Da ist alles etwas durcheinander...

Ich würde zuerst einmal ein Child Theme einrichten:

http://toolbox.clickwork.ch/child-themes/

Besteht die Möglichkeit aus dem aktuellen TwentyThirteen - Theme ein Child Theme zu erstellen? Also, sodass alle Attribute übernommen werden, wie beispielsweise alle Schriftgrößen, -farben, -arten?

Zitat von Edi

Du musst nicht ein Child Theme aus sondern zu einem Theme erstellen. ;-)

Ja, das ist mir klar. Aber wie kann ich alle Formatierungen, die ich bisher auf meiner Webseite formuliert habe in das Child Theme übernehmen übernehmen?

Sodass das Child Theme, so aussieht wie meine jetzige Website.

Achso okay. Das werde ich morgen mal ausprobieren.

Eine kurze Zwischenfrage: Gibt es eine Möglichkeit das vollständige Theme (inkl. aller Formatierungen) auf einen anderen Wordpress-Blog zu kopieren?

Ich habe schon versucht den TwentyThirteen-Theme Ordner zu kopieren und in den Theme-Ordner des anderes Blogs hochzuladen. Dort habe ich auch das neue Theme ausgewählt. Aber leider sah der Wordpress-Blog nicht so aus, wie hochdruckreiniger-tester.de.

Zitat von spickzettel

Das ist der Standard, dass das Childtheme zunächst so aussieht wie das Original und dann Änderungen vorgenommen werden, aber eben nur in dem abgeleiteten Theme und das Original bleibt erhalten. In der Anleitung von Edi (oben verlinkt) steht das auch drin. Durch die Zeile

Code

@import url('../twentythirteen/style.css');

in der CSS-Datei des Childthemes werden zunächst alle Formatierungen des Originals übernommen und können dann geändert (überschrieben) werden.

Ich habe dazu noch eine Frage:
Mit dem WordPress Plugin "Styles" (https://wordpress.org/plugins/styles/) habe ich bereits Änderungen am Theme vorgenommen.
Bevor ich ein Child-Theme erstelle, sollte ich mir von meiner aktuellen style.css eine Kopie erstellen, dann ein Child-Theme einrichten und die style.css meiner aktuellen Seite in das Child-Theme überschreiben?

Danke schon mal ;)

Ich habe jetzt ein Child-Theme angelegt und den entsprechenden Verweis ([COLOR=#333333]@import url('../twentythirteen/style.css');[/COLOR]) in die style.css eingefügt.

Sobald ich jetzt aber das Child-Theme auswähle, sieht meine Seite so aus. Ich glaube da wird eine Datei, die den Aufbau der Seite festlegt, nicht geladen.

Zitat von spickzettel

Mittlerweile scheint alles zu funktionieren.

Ja, soweit schon. Allerdings konnte ich das eigentliche Problem noch nicht lösen, nämlich den responsive Header. Am besten sollte sich, je nach Auflösung des Webseitenbesuchers (PC, Smartphone), die Schriftgröße des Titles ändern. Wie kann ich das in der style.css definieren?

Ich habe jetzt zu Testzwecken mal die font-size auf 20px runtergesetzt, aber leider keine Veränderung, wenn ich die Website mit meinem Smartphone aufrufe oder auf http://mobiletest.me/iphone_5_emula…niger-tester.de