...das sollte es erst einmal hierzu gewesen sein.
Dann bleibt nur noch:
Hallo, ich muss das Thema doch noch einmal aufmachen.
Wie bekommt man es hin, dass der Abstand zwischen Logo-Bereich (Brand) und dem Below-Top-Bereich (hier Button Mitgliedsantrag) kleiner wird.
Zudem ist es so, dass das Hamburger Menü in der Mobilansicht in den Logo-Bereich geht. Wie kann man das beheben?
Danke. Grüße Tino
Wenn du auf einem Element mit rechter Maustaste klickst, kannst du auf "Untersuchen" klicken, im Browser wird dir die HTML-Struktur der Seite und die passenden CSS-Klassen angezeigt, z.B.
Hier sieht man, dass dein Button ein p-Element ist und das hat ein margin-bottom (gelb markiert).
Du kannst dann in deiner user.css so was eintragen:
.container-below-top .mod-custom p {
margin-bottom: 0;
}Mit ... margin-bottom: 0;
Code.container-below-top .mod-custom p { margin-bottom: 0; }sieht es so aus:
Ich habe einmal bei margin-bottom: -10px gesetzt. Kann man das so angeben oder ist das eher ungeeignet?
Mit margin-bottom: -15px; (derzeit so) sieht es so aus (Browser verkleinert):
also: Ja, ungeeignet. Mit minus Werten (generell) täte ich nicht, wenn es nicht sein muss.
Liebe Grüße
Christine
Falls ich das richtig verstehe stört dich der Abstand zwischen dem Button und dem Logo? Dann mach
.container-header .navbar-brand {
padding-top: 0;
}Und falls du den Abstand noch weiter veringern möchtest zusätzlich z.B.:
.container-header .grid-child:nth-child( 2 of .grid-child) {
padding-top: 0.3rem;
}Und falls du den Abstand noch weiter veringern möchtest zusätzlich z.B.:
Code.container-header .grid-child:nth-child( 2 of .grid-child) { padding-top: 0.3rem; }
Welchen Abstand meinst Du da?
Den restlichen Abstand von
... zwischen dem Button und dem Logo ...
.container-below-top .mod-custom p {
margin-bottom: -15px;
}sollte man eigentlich aus der user.css enfernen wie schon in #15 am ende erwähnt und besser z.B. nachfolgendes einfügen:
.container-below-top .mod-custom p {
margin-bottom: 0px;
}
.container-header .grid-child:nth-child(1){
padding-bottom: 0px;
}
.container-header .grid-child:nth-child( 2 of .grid-child) {
padding-top: 0px;
}mußt ja nicht überall 0px verwenden wenn du doch noch einen Abstand haben möchtest. Nimm aber besser em oder rem und nicht px wenn du doch noch einen Abstand haben möchtest.
Hallo, ich benötige noch einmal Unterstützung.
Auf dem Handy ist es so, dass die Header-Grafik größer ist als die Hintergrundfarbe, so dass dadurch am Rande diese Ecken entstehen.
Wir kann man dies beheben?
Danke. Grüße Tino 
Hallo Tino,
in #3 stand das da
und sieht man in der user.css:
/*Hamburger Logo nach oben verschieben*/
@media only screen and (max-width: 960px) {
.grid-child.container-nav {
margin-top: -80px;
}
}
probiers halt mit -60px;
(Schrieb irgendwo, dass ich nicht gerne mit minus Werten arbeite. Wie auch immer).
Liebe Grüße
Christine
probiers halt mit -60px;
...Ja, ungeeignet. Mit minus Werten (generell) täte ich nicht,...
Schön, hast du deine Meinung geändert 
Ich benutze minus Werten auch gelegentlich, wenn ich DIVs überklappen möchte, ich habe kein Problem damit. 
Etwas besser wäre meiner Meinung nach wohl z.B.:
/*Hamburger Logo nach oben verschieben*/
@media only screen and (max-width: 992px) {
.grid-child.container-nav {
margin-top: -4rem;
}da bei 992px das Menü zum Hamburger Menü wechselt und nicht bei 960px...
Sorry in meinem obigem Code in #34 fehlt natürlich die letzte schließende Klammer. Richtig wäre daher natürlich:
/*Hamburger Logo nach oben verschieben*/
@media only screen and (max-width: 992px) {
.grid-child.container-nav {
margin-top: -4rem;
}}sonst wird alles nachfolgende CSS nur bei 992px oder weniger ausgeführt...