Bei den Grid Spalten hatte ich alles mögliche schon ausprobiert, nachdem ich ein Logo einefügt hatte. Das war alles viel zu hoch neben dem Logo. Ich habe dann einfach den vertikalen Abstand jeweils so verändert, dass es in etwa alles auf gleicher Höhe ist. Dadurch hat sich der Header zu sehr vergrößert und die Artikelzahl blieb oben hängen und ist nicht mit dem Warenkorb mitgegangen.
Die Gridspalten regeln die Breite der Bereiche, nicht die Höhe. Versuche es mal mit Gritspalten groß:logo = 4; Suche = 3; Freier Inhalt = 3 Warenkorb = 2 Oder 5 - 3 - 2 - 2 Wenn Du da zu viele hast, rutscht der Warenkorb eine Zeile Tiefer. Wenn Du dass dann durch die Höhe versuchst auszugleichen, funktioniert das nur bedingt. Wenn Du deinen Style zum Bearbeiten offen hast (so dass Du die ganzen Menüs siehst) dann klicke einmal auf den Namen Deines Styles. Jetzt sollte unter dem Namen ein Link "eigenes css hinzufügen" erscheinen. Darüber kannst Du Deine css-codes einfügen.
Folgendes steht da jetzt, aber ich erhalte eine Fehlermeldung und der Rahmen ist komplett weg... Code: @media (min-width: 768px){ #outer-wrapper { -webkit-box-shadow: 0 0 10px; (#c5be75); box-shadow: 0 0 10px; (#c5be75); }} #topbar-container { background: transparent; margin-top: -30px; @include border-top-radius(10px); .navbar-topbar { margin-right: 30px; } } #footer { @include border-bottom-radius(10px); } }
Du hast ganz unten eine } zuviel. und die Werte gehören nicht in "()" Code: @media (min-width: 768px){ #outer-wrapper { -webkit-box-shadow: 0 0 10px; #c5be75; box-shadow: 0 0 10px; #c5be75; }}
Hallo Barbara, es funktioniert noch nicht. Welche Klammer, also an welcher Stelle ist noch zuviel? Code: @media (min-width: 768px){ #outer-wrapper { -webkit-box-shadow: 0 0 10px; #c5be75; box-shadow: 0 0 10px; #c5be75; }} } #topbar-container { background: transparent; margin-top: -30px; @include border-top-radius(10px); .navbar-topbar { margin-right: 30px; } } #footer { @include border-bottom-radius(10px); } }
In Deinem Code gibt es 5x diese offene Klammer: { und 7x diese geschlossene: } Die Anzahl muss immer gleich sein!
Also das hier ist der Code, wie er eigentlich war: Code: @media (min-width: $grid-float-breakpoint) { #outer-wrapper { @include box-shadow(0 0 10px rgba(0, 0, 0, .3)); } #topbar-container { background: transparent; margin-top: -30px; @include border-top-radius(10px); .navbar-topbar { margin-right: 30px; } } #footer { @include border-bottom-radius(10px); } } So funktioniert er ja. Nun brauche ich doch eigentlich nur diesen Teil austauschen oder nicht? Code: (0 0 10px rgba(0, 0, 0, .3));
Mach aus Code: @include box-shadow(0 0 10px rgba(0, 0, 0, .3)); das hier Code: @include box-shadow(0 0 10px #c5be75);