Das einfache zuerst!
Deine Custom CSS habe ja schon eine Menge zusätzlicher CSS Anweisungen!
Z.B.: Dein Ghostlogo rutscht links aus dem Browser, wenn man den, wie du schreibst den Browser verkleinert! Das kommt vom ersten Eintrag in deinen Zusätzlichen CSS! Das passt solang die Bildschirmbreite wie du schreibst breit genug ist. Wenn die Hand vom Ghost Logo aus dem Bild verschwindet könntest du mit MediaQueries das verbessern, oder besser die [FONT=Courier New]left:-xx%[/FONT] erst ab c.B.[FONT=Courier New]1220px[/FONT] [FONT=Arial]aktivieren.
Das wäre bereinigt:
@media screen and (min-width: 1220px) {
#header-logo-image img {
position: relative;
top: 0;
left: -30%;
height: auto;
}
}
Ob das Logo überhaupt nach links soll ist Ansichtssache! Ggf. kann das überhaupt weg ;-)
ohne den responsiven Charakter des Themes zu zerstören.
Auch das eine Geschmacksfrage. Ich will deine Seite ja nicht umbauen, das sprengt dieses Forum, aber der gesamte Headerbereich ist mit schmäler werdener Anzeigebreite überlegenswert, bis zum 3-zeiligen Hauptmenü. Auch das Header-Text-Widget springt mehr oder weniger lustig hin und her.
die Höhe des Footer verkleinern.
Von unten beginnend: da ist in deinen Zusätzlichen CSS ab Zeile 239 eine Anweisung, die derzeit eine Schriftfarbe und einen oberen und einen unteren Abstand als [FONT=Courier New]padding: 10px 0px 10px;[/FONT] vorschreibt mache daraus [FONT=Courier New]padding: 0; [FONT=Arial]und 20 px sind weg.[/FONT][/FONT]
[FONT=Courier New][FONT=Arial]Auch der Eingriff von dir in [FONT=Courier New]#colophon[/FONT] ab Zeile 261 ist aus meiner Sich nicht soooooo gut.[/FONT][/FONT]
Versuche statt dessen den unteren Abstand im Text-Widget zu verkleineren.
Dann hat der p-Tag von dir u.a. noch einen größeren bottom-Abstand erhalten, ab der Zeile 75, das ist von dir allerdings global verändert.
Das war jetzt eigentlich schon mehr, als geplant ;):rolleyes:!!!
[/FONT]
[FONT=Arial][/FONT]