[Feature]Breite Admidio bei breitem Bildschirm

[Bullseye]

Is es möglich Admidio breiter auszulegen, als es im Moment möglich ist?
Im moment verschenkt man rechts und links noch viel Platz.
So wäre es auch möglich das Responsive Design optimal auszunutzen.

[kanu]

Also bei mir funktioniert das responsive.
Platz wird m.E. durch die Sidebar verschenkt. Eine Top-Bar halte ich da für praktischer. Aber das ließe sich durch ein Theme ja alles ändern.

[fasse]

Hallo Bullseye,

die Breite haben wir in der admidio.css Datei festgelegt. Meiner Meinung nach sieht es nicht so dolle aus, wenn alles so richtig breit wird. Du kannst aber dann für deine Installation dort einfach die Breite ändern.

Hier kannst du die max-width rausnehmen:

Code: Alles auswählen

#page {
    text-align: center;
    margin: 0 auto;
    max-width: 1200px;
}

Viele Grüße
Fasse

[Bullseye]

Och grabe das Thema wieder aus, da ich noch eine Frage habe. Wenn ich die max-Width z.B auf 90% stelle, wird das Seiten Menü auch breiter. Gibt es eine Möglichlichkeit die auf einer fixen Breite zu lassen?

[XimeX]

setz ein "max-width" auf das div für die rechte spalte. also bei dem div wo auch class="col-md-3" ist

[Bullseye]

Sorry, dass ich so dumm frag, aber wo in der admidoi.css muss ich das was anpassen? ich besitze leider null .php und css Kentnisse.

[XimeX]

am besten in der "my_body_bottom.php" Zeile 8

Code: Alles auswählen

<div class="col-md-3">

zu

Code: Alles auswählen

<div class="col-md-3" style="max-width: 256px;">

und dort halt den pixel wert auf deine größe anpassen wie du es brauchst.

[Bullseye]

Super Danke
Wenn ich den linken bereich nun vergrößern Möchte (um mehr Platz für Spalten zu haben muss ich lediglich in der bootstrap.css

Code: Alles auswählen

.col-md-9 {
    width: 80%;
}

auf meinen gewünschten, hier 80%, Wert ändern? Oder bekomme ich dann Probleme mit Geräten mit niedriger Auflösung bzw. Diagonale?(habe 15 Zoll 1920x1080)

[XimeX]

Hier würd ich nicht zuviel herumspielen. Da hab ich selbst ka wie das reagieren wird bei verschiedenen Auflösungen und so.

Aber du könntest beim linken hauptbereich "col-md-9" auf "col-md-10" UND im rechten seitenbereich "col-md-3" auf "col-md-2" ändern. Insgesamt einfach immer 12. so wird der linke teil größer und der rechte kleiner. Als fallback für keine Bildschirme würd ich dann aber zusätzlich "col-sm-9" bzw "col-sm-3" hinzufügen.
also hast dann zb class="col-md-10 col-sm-9" stehen.

Dann kannst vll auch wieder das max-width weggeben