Guten Abend zusammen. Ich bin neu im Forum und würde mich über Tipps/Hilfestellung zu folgendem Problem freuen: Im Layout "Square Responsive" ( Logo und Websitename sind ausgeblendet) sollte der im obigen Bild rot markierte Bereich nach dem Hauptmenü entfernt bzw. dratisch verkleinert werden. Leider kenne ich mich mit CSS (noch) nicht so gut aus und im Layoutdesigner kam ich damit leider nicht weiter. Ich sage schon einmal vielen Dank im Voraus für eure geschätzten Reaktionen. Grüße, Rolf
Hallo Rolf,
willkommen im Forum.
Um den Content-Bereich näher ans Menü zu rücken, könntest Du folgenden Code probieren:
<style>
.content {
margin-top: -30px;
}
</style>
Ich habe jetzt mal -30px gesetzt, von Hause aus liegt der Wert bei 0. Hier musst Du einfach mal verschiedene Werte ausprobieren und in der Browser-Vorschau überprüfen.
Hinweise zum Einfügen findest Du unter
Viele Grüße
Tom
Hallo Tom, herzlichen Dank für deine Begrüßung und den sehr hilfreichen Tipp 
Hat super geklappt mit -70px und sieht gleich wesentlich besser aus.
Schönen Abend noch.
Vorsicht, in dem im Screenshot leeren Bereich wird ein Untermenü auf ggf. vorhandene Unterseiten gezeigt. Das wird mit dem CSS dann allerdings nicht mehr sichtbar sein.
Hallo Rolf,
in meinen Tests, auch mit -70px, wurde das Untermenü angezeigt. Aber das ist in Deinem Fall ja eh irrelevant.
Das Problem mit dem Info-Banner in Verbindung mit dem genannten CSS-Code kann ich reproduzieren.
Ich habe jetzt nochmals mein gefährliches Halbwissen hinsichtlich CSS bemüht und meine, eine Lösung gefunden zu haben.
Statt den oberen Abstand des Inhalts zum Menü zu verringern, verringern wir den unteren Abstand des Menüs zum Inhalt.
Also den bisherigen Code löschen und durch diesen ersetzen:
<style>
.header {
margin-bottom: -70px;
}
</style>
Auf meinem System wird mir jetzt das Info-Banner angezeigt.
Viele Grüße
Tom
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!
