Sailor

Wo in WP hast du diesen Code eingegeben? Genau dort kannst du ihn auch wieder löschen.
Oder ändern in .entry-header {display: block;}.
Wenn du dich für deine Seite für WP entschieden hast, dann wirst du sehr schnell merken, dass es ohne eigene CSS…

Teste 2 Änderungen:
1. Lösche das top: 50px; bei nav ul ul
2. setze position:absolute; für nav ul ul li

m.scatello - das alleine wird nicht reichen, der Zeilenumbruch im Container muss auch noch unterbunden werden.
(Quelltext, 6 Zeilen)

... im CSS könnte helfen.

(Zitat von computermobil)

Und wie gibst du es dort ein? Wie sollen wir sehen, wie das SOLL und IST aussieht!
Bei Wordpress macht man CSS Änderungen im 'zusätzlichen CSS' im Customizer.
Vom Dashboard -> Design -> Customizer -> zusätzliches CSS

Das sind Formate für unterschiedliche Browser, solange diese den Standard noch nicht umgesetzt haben. In der Regel werden die nach einiger Zeit, wenn dann der entsprechende Browser die Anweisung ohne diese Prefixes versteht, überflüssig und können…

Neee... das hast du nicht richtig gemacht!
Der Code soll nur wirken, wenn die Bildschirmbreite kleiner als 1022px ist - er muss also in eine eigene @media-Query und hat in allen anderen CSS Bereichen nichts zu suchen - so, wie ich es oben beschrieben…

Möglich wäre auch mit 'calc' die Höhe jeweils passend zur Breite zu berechnen.
Da du die (max-)Breite von Header und Footer jeweils mit 1022px angibts, muss die Berechnung auch nur bei Breite kleiner 1022px durchgeführt werden.
Der Berechnungsfaktor…

Bitte nutze als Erstes mal den Validator.... https://validator.w3.org/nu/?d…chfreunde-warendorf.de%2F ... da sind ein paar (3) Fehler im Code, die du beseitigen solltest.

Dein Problem ist folgende Codezeile
<div…

Oh neeee... was ist das denn? Du hast ja das HTML Grundgerüst total verwurschtelt. Kein Wunder, dass das nicht klappt!
Bitte lerne die Grundlagen und fange am besten hiermit an!
https://wiki.selfhtml.org/wiki…ls/HTML5/Grundger%C3%BCst

Schau dir mal die Formatierung 'flex-direction' für einen Flex Container an.
https://css-tricks.com/almanac/properties/f/flex-direction/

Dieses Verhalten ist genau das, was zu erwarten ist! Der Text bei "alt=" wird nur dann angezeigt, wenn das Bild aus irgendeinem Grund nicht angezeigt wird... sozusagen als Fehlermeldung... Text statt Bild! Hat auch was mit Barrierefreiheit zu tun, damit…

Das Bild muss auf dem Server in dem Ordner 'images' gespeichert sein und dieser Ordner 'images' muss sich im Ordner 'css' befinden... so wird es in dem Link http://www.quadspasserleben.de/css/images/Hintergrund.jpg vorgegeben. Wenn das Bild dort wäre,…

Das Bild ist an der angegebenen Adresse (URL) nicht vorhanden und kann deswegen nicht gefunden und damit auch nicht angezeigt werden.
Überprüfe, ob das Bild tatsächlich dort gespeichert ist (http://www.quadspasserleben.de/css/images/Hintergrund.jpg) und…

Mit @media....
https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Das will keiner unterdrücken, bitte nicht die Worte im Mund verdrehen!
Du weißt aber genau so gut wie ich oder wir, dass diese Themen bei der Suche gefunden werden. Demnächst fragt dann jemand:
(Zitat)

Und was antworten die meisten, die ein Verständnis…

Danke Arne. Dem ist nichts mehr hinzu zu fügen.

Auch mit Phase 5 kann man prima arbeiten. Ist eben ein wenig alt, kann kein UTF8 und kennt die neueren HTML5 Tags nicht. Aber wenn du den in deiner Klausur benutzen musst, dann solltest du jetzt auch damit arbeiten.
Du kannst dein CSS natürlich auch…

In deinem Beispiel würde das so gehen...
(Quelltext, 4 Zeilen)

Das funktioniert allerdings nur dann, wenn im Container wirklich nur ein <a> ist ... besser wäre, du würdest den richtigen Code posten, um dann auch das richtige (gewünschte) Element…