Hallo zusammen, ich habe den (custom) Header mit einem Inhalt gefüllt und ein margin-top:20px hinterlegt. Nun möchte ich, dass beim Herunterscrollen auf der Seite das margin-top auf 0 fällt, da die Leiste niedriger wird. Probiert habe ich es mit unzähligen Befehlen, hier ein Auszug: Code: #header .custom-container .inside { margin-top:20px; } #header .custom-container .inside { margin-top: 0px; } #header .navbar .sticky .row #custom-1 .custom-container .inside { margin-top:0px; } #header .sticky #custom-1 .inside { margin-top:0px; } Aber es tut sich einfach nichts. Aber auch mit den Entwicklertools in Chrome komme ich nicht weiter. Kann mir jemand einen Tipp geben? Danke und viele Grüße
Sieht nach dem falschen Selektor aus. #custom-1 gibt es schon länger nicht mehr. Versuch mal Code: #header.sticky .custom-container .inside { margin-top: 0; } P.S.: Bitte füg in Zukunft Code als Codebox ein und nicht als Bild. Das macht ein paar Dinge einfacher und lässt sich dann auch über die Forensuche finden, falls jemand mal das gleiche Problem haben sollte.
Leider klappt das nicht :-( Sieht beim Scrollen so aus: Ich habe das Bild im ersten Beitrag durch den Code ersetzt
Ist das der Code, um den margin hinzuzufügen oder hast du das noch anders gemacht? Code: #header .custom-container .inside { margin-top:20px; }
Oh man du hast Recht. Da war noch ein display:inline-flex welches den Effekt verhindert hat. Habe ich total übersehen. Danke vielmals für den Tipp!