Leitfaden zur mobilen Homepage-Ansicht

Hallo :wave:

Es scheint, dass diese Eingaben auf Mobilgeräten nur mit einer .hidden-Klasse ausgeblendet sind.

Sie können sie anzeigen, aber da sie nicht für die mobile Ansicht gestylt sind, benötigen sie ein paar zusätzliche CSS-Regeln, damit sie nicht zu seltsam aussehen.

Sie können mit Folgendem beginnen:

.category-breadcrumb {
    display: flex !important;
    gap: 0;
    .plugin-outlet-component {
        flex: 0;
    }
}

Fügen Sie es im Tab Mobile Ihres Themas oder Ihrer Komponente ein.

Es wird so aussehen:

Ich habe es nicht sehr gut getestet, und es kann Plugins oder Komponenten stören, die die verfügbaren Outlets vor und nach diesen Selektoren verwenden.

Es ist also wahrscheinlich eher eine Arbeitsgrundlage als eine voll funktionsfähige Sache… Sie können es ausprobieren und sehen, wie es läuft :slight_smile:

Bearbeiten:
Mir wurde mitgeteilt, dass diese Eingaben auf einer Kategorieseite standardmäßig sichtbar sind.

Daher wird mein CSS-Code in seinem aktuellen Zustand das Layout dieser Felder auf der Kategorieseite etwas durcheinander bringen und weitere Anpassungen erfordern. :slight_smile: