[GELÖST] "Fehler" mobile Logo eigene width für Anzeige festlegen

Hallo.

Joomla-Version: 5.2.6
Frame-Work-Version: 3.2.0
Template: Modern, Version 2.3
URL: www.ksc-kulmbach.de

Seit dem letzten Astroid Framework Update habe ich ein komisches Verhalten im Template "Modern", wenn ich in der mobilen Ansicht bin (Desktop-Version funktioniert einwandfrei). Ich gehe davon aus, dass es am Framework liegt, denn wenn ich ein Backup von vor dem letzten Framework Update einspiele, stimmt alles wieder.

Und zwar wird mir in einer Sektion ein zusätzlich weißer Bereich über der eigentlichen Sektion  eingeblendet, der zuvor nicht da war, siehe Screenshot:

 

Dieser weiße, ungewünschte Bereich überdeckt die Sektion, die darüber liegt. Wenn ich über den Inspektor im Firefox die margin-bottom Werte ändere, dann kann ich es runterrutschen. In den Template-Einstellungen zeigen diese Änderungen seit dem letzten Framework-Update keine Wirkung mehr. Ich kann an den Margin- und Padding-Werten einer Sektion einstellen, was ich will, es ändert sich nichts. Astroid- und Joomla-Cache wurden geleert, abgelaufener Cache ebenfalls.

Ist das Problem bekannt? Oder übersehe ich hier gerade etwas?

Wäre toll, wenn sich das jemand mal näher ansehen könnte.

Lieben Dank vorab für Eure Hilfe und Gruß!

Du hast in der Section mit der ID 'top' ein margin-top von -20px

Nimm das mal raus.

 


 

Hi und danke für dein Feedback.

Das Löschen der -20px bei margin-top an der Position umgeht den Fehler, löst aber das zu Grunde liegende Problem nicht. Im Endeffekt erhöhe ich dadurch ja nur den Abstand, der weiße ungewünschte Rahmen über der Sektion bleibt weiterhin erhalten.

Hier eine Demonstration:

XL Setting (alles OK. Noch kein weißer Rahmen über dem blauen Menü-Header, der die oberste Sektion verdeckt):
 

Desktop Setting (plötzlich ein weißer Rahmen überhalb des blauen Menü-Headers, jedoch wird die oberste Sektion noch nicht verdeckt. Zudem kein Mobile-Logo sichtbar und Höhe des Headers um einiges kleiner):
 

Tablet Setting (Weiterhin ein weißer Rahmen überhalb des blauen Menü-Headers, der die oberste Sektion jedoch nich nicht verdeckt. Hier plötzlich das Mobile Logo sichtbar und Höhe des Menü-Headers wieder korrekt):
 

Small Setting (Weiterhin der weiße Rahmen über dem blauen Menü-Header, der sich dann jedoch über die obere Sektion schiebt und sie daher verdeckt):
 

Ich würde gerne diesen weißen Rahmen weg bekommen, der da nicht sein sollte (weil er ja in der XL-Variante auch nicht vorhanden ist) und frage mich auch, wieso in manchen Größen das Mobile Logo plötzlich weg ist und der Menü Header kleiner wird. Ich weiß nicht genau, was es mir hier nach dem Update zerschossen hat, wäre aber über jeden Tipp äußerst dankbar.

LG
Alex

Hi zusammen,

den "Fehler" mit dem ungewünschten weißen Hintergrund in der mobilen Ansicht konnte ich finden. Da war in der mobilen Ansicht bei der Row des Menü-Headers noch ein margin-top von +20 eingestellt, was dann dazu führte, dass der Header nach unten rutschte.

LG
Alex

Kann mich jemand vielleicht noch in die richtige Richtung weisen, weshalb der Menü-Header in den verschiedenen Ansichten immer unterschiedliche Höhen hat und warum das Mobile Logo nur bei zwei Ansichten eingeblendet wird?

LG
Alex

Schwierig! Wir müssten uns in den Template Optionen alle Einstellungen ansehen und analysieren, was dort wie eingestellt ist.
Zusätzlich noch die individuellen CSS Einstellungen, falls eigene gemacht wurden.

Ich würde zum Test erst einmal die Template Einstellungen (preset) sichern.
Dann eine neue Header Section erstellen und ausprobieren, ob es dann funktioniert.
Wie gesagt, dass ist ein individuellen Problem, was durch eigene Einstellungen verursacht sein kann weil wir keine anderen Fälle haben (bis jetzt) wo dieses Problem auftaucht.
Man könnte auch mal ein anderes Template installieren und mit einem Menülink als Template verknüpfen um zu testen, ob es in den standard Einstellungen ohne eigene Veränderungen funktioniert.