Si tiene muchas categorías, el cuadro de filtro predeterminado puede ser demasiado pequeño. El siguiente fragmento de CSS desplaza el cuadro de filtro por debajo del mapa y organiza las categorías en varias columnas para mejorar la legibilidad.
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;
}El resultado será un diseño como éste:
