Wenn Sie viele Kategorien haben, ist das Standard-Filterfeld möglicherweise zu klein. Das folgende CSS-Snippet verschiebt das Filterfeld unter die Karte und ordnet die Kategorien zur besseren Lesbarkeit in mehreren Spalten an.
CSS
.open-user-map .box-wrap .map-wrap .leaflet-map {
position: relative !important;
}
.open-user-map .box-wrap .map-wrap .oum-filter-controls.active {
position: relative;
top: 20px;
right: auto;
bottom: auto;
left: auto;
}
.open-user-map .box-wrap .map-wrap .oum-filter-controls.active .oum-filter-list {
display: block !important;
column-count: 3; /* or 2 or 4 depending on how many columns you want */
column-gap: 2rem;
}
.open-user-map .box-wrap .map-wrap .oum-filter-controls.active .oum-filter-list label {
break-inside: avoid;
}Das Ergebnis ist ein Layout wie dieses:
