Simple Theme - Sidebarmenü Scroll-Problem

Hast du Probleme Admidio einzurichten? Hier kannst du Fragen rund um die Einrichtung stellen.
Antworten
Blackgate
Beiträge: 5
Registriert: 17. Nov 2019, 18:55

Simple Theme - Sidebarmenü Scroll-Problem

Beitrag von Blackgate »

Guten Abend,

ich konnte heute erfolgreich den Update von 3.x auf die aktuellste Version 4 von Admidio updaten.
Da die Seite noch noch nicht produktiv war, wollte ich natürlich auch eurer neues Simple Theme einsetzen.

Das Sidebarmenü wird am Anfang ganz normal angezeigt:
2021-06-06 21_04_02-Scroll1.png
2021-06-06 21_04_02-Scroll1.png (19.05 KiB) 364 mal betrachtet
Scrollt man nun im Inhalt nach unten, wird das Sidebarmenü beim Scrollen nur ganz minim nach oben geschoben:
2021-06-06 21_04_49-2.png
2021-06-06 21_04_49-2.png (11.99 KiB) 364 mal betrachtet
verwendet man ein grösseres eigenes Logo, so wird dann deutlich mehr vom Menü beim scrollen verschwinden:
2021-06-06 21_09_31Scroll3.png
2021-06-06 21_09_31Scroll3.png (25.07 KiB) 364 mal betrachtet
Besten Dank fürs prüfen und fixen im Default Template :)

Danke euch und Gruss
Blackgate
Benutzeravatar
fasse
Administrator
Beiträge: 5150
Registriert: 12. Nov 2005, 16:06

Re: Simple Theme - Sidebarmenü Scroll-Problem

Beitrag von fasse »

Hallo Blackgate,

das ist eigentlich kein Fehler in Admidio, sondern ein Anpassungsproblem. Wenn du ein größeres Logo benutzt, dann musst du das CSS auch entsprechend anpassen, so dass es mit dem größeren Logo zurecht kommt. Dazu musst du 2 Stellen in der admidio.css anpassen.

Dies sind die Stellen aus der CSS-Datei:

Code: Alles auswählen

#admidio-main-navbar {
    background-color: #349aaa;
    min-height: 4rem;
    position: sticky;
    padding-bottom: 0px;
}

Code: Alles auswählen

    .admidio-sidebar {
        position: sticky;
        top: 4rem;
        z-index: 1000;
        height: calc(100vh - 4rem);
    }
An den 3 Stellen wo 4rem steht musst du nun einen passenden Wert für deine Logogröße hinterlegen z.B. 10rem oder was anderes. Du musst damit einfach mal experimentieren, bis es passt und nicht mehr gescrollt wird.

Gruß
Fasse
Antworten