2016-05-18 16 views
0

Ich habe Probleme, meinen Header reagieren. Wenn ich die Site von einem Browserfenster in voller Größe oder von einem Telefon aus anschaue, ist das in Ordnung. (Ich habe "@media only" -Abfragen für Mobilgeräte eingerichtet.) Aber wenn ich mein Browserfenster auf irgendetwas zwischen den beiden einstelle, läuft das div auf der linken Seite des Headers in das rechte.Bestimmte Divs in Kopf- und Fußzeile reagieren nicht

Ich habe das Gefühl, weil ich das Logo über die Datei header.php in die Website eingefügt habe. Wenn es nicht da wäre, bin ich sicher, dass der Header reagieren würde.

Wie gehen Sie damit um? Gibt es eine "@media only" -Abfrage, die ich einrichten kann, um die dazwischen liegenden Browsergrößen zu adressieren?

Sie können die Test-Site in Frage sehen hier: http://kahamarketing.com/wyckoff/wordpress/

Ich bin in der Fußzeile ein ähnliches Problem mit den drei Fahnen mit, die in eine anderen laufen, wenn ich meine Browser-Fenster noch kleiner zu machen. Ebenso habe ich diese Elemente über die footer.php-Datei der Website hinzugefügt.

Vielen Dank im Voraus für Ihre Hilfe.

Antwort

0

in Ihrem Fall die Höhenregel für a.logo macht es gebrochen. nehmen Sie die Linie mit height: 60px

vielleicht nach, dass Sie die margin-top Regel für nav.navigation

für Ihre Fußzeile Problem, das es ein bisschen komplizierter ist, nehmen müssen. schwer zu erklären, ohne zu wissen, wie viel Sie tatsächlich über CSS wissen

+0

Vielen Dank für Ihre Antwort. Ich habe die a.logohöhe auf auto gesetzt und die Margin-Top-Regel entfernt. Dies schien die Dinge ein wenig aufzuräumen, wenn es um die Größenänderung des Browserfensters ging. Jetzt passt sich der Text an die Grenzen des Fensters an. Der Titel läuft immer noch in der Navigationsleiste, wenn ich die Größe ändere. Irgendeine Idee warum das ist? Ich bin an der Grenze zwischen Anfänger und Fortgeschrittene, wenn es um CSS-Kenntnisse geht. Die Dinge werden wackelig, wenn ich versuche, die Dinge ansprechbar zu machen. –

Verwandte Themen