🔥🔥🔥 BLACK FRIDAY EN AVANT-PREMIÈRE 🔥🔥🔥
Utilisez le code promo FSBFCM2026 et profitez de 30 % de réduction* sur la licence PRO à vie !

* L’offre prend fin le 30 novembre 2026 à 23 h 59 (heure d’Europe centrale).

  1. Accueil
  2. Base de connaissances
  3. Personnalisation
  4. Déplacer la boîte à filtres sous la carte pour les grandes listes de catégories

Déplacer la boîte à filtres sous la carte pour les grandes listes de catégories

Si vous avez beaucoup de catégories, la boîte de filtre par défaut peut être trop petite. L'extrait CSS suivant déplace la boîte de filtre sous la carte et organise les catégories en plusieurs colonnes pour une meilleure lisibilité.

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;
}

Il en résultera une présentation semblable à celle-ci :

Cet article vous a-t-il été utile ?

Articles connexes

Besoin d'aide ?

Vous ne trouvez pas la réponse que vous cherchez ?
Contact Support
FR