Grüne Leiste kürzer machen

knuddchen

Da die Auswahl hier nur bis 5.1 geht, es aber für die 5.2 ist, wollte ich mal nachfragen, wie ich diese grüne Leiste was die pageNavigation ist, so lang zu machen, wie auch die Webseite breit ist siehe Screenshot

SgtKaneki

Code

.pageNavigation {
    min-width: 1000px;
    max-width: 1000px;
    margin: 0 auto;
}

Lediglich die "1000px" durch die jeweilige Breite eurer Seite ersetzen

knuddchen

Also ist die Breite im Prinzip die, wie das Headerbild? Ich probiere das mal aus

knuddchen

Kann man den Code auch so anpassen, dass er nur für Desktop die Leiste anpassen soll und für mobile nicht.

Cyperghost

Dafür gibt g es die media querys, und da hat Woltlab was passendes integriert

CSS

@include screen-md-up{  
    .pageNavigation {
        min-width: 1000px;
        max-width: 1000px;
        margin: 0 auto;
    }
}

knuddchen

jetzt passt es mit der Leiste. und den Link hab ich mir gleich abgespeichert, damit lässt es sich auch gleich besser arbeiten

Grüne Leiste kürzer machen

Informationen

Über uns