Contaos Google-Maps-Modul responsiv umsetzen

von Oliver Richter

Wie lässt sich die Google-Maps Karte aus Contaos (Version 3.2.X) Google-Maps-Erweiterung anpassen für eine responsive Darstellung?

Geben Sie in den Modul-Einstellungen in jedem Fall eine Breiten- und Höheneinstellung (Pixel) an. Die dort vergebene Breitenangabe gilt dann als Standard-Angabe bzw. als minimale Breite der Karte auf der Webseite. Um dass die Karte nicht breiter wird als der Container bzw. Layoutbereich, der sie umgibt, verwenden Sie bitte die folgenden CSS-Angaben:

.ce_dlh_googlemaps .dlh_googlemap 
 { 
  max-width: 100% !important; 
 }

Um die Karte stets über die gesamte zur Verfügung stehenden Breite (innerhalb des jeweiligen umgebenden Containers) anzuzeigen und auch die Breite dieses Containers niemals zu überschreiten, verwenden Sie bitte die folgenden Stylesheet-Angaben:

.ce_dlh_googlemaps .dlh_googlemap 
 { 
  width: 100% !important; 
  max-width: 100% !important; 
 }

Kommentare

Einen Kommentar schreiben

Was ist die Summe aus 9 und 2?

Sie befinden Sich in der Detailansicht eines Blog-Eintrags.

Um alle Blog-Einträge zu sehen, wechseln Sie bitte zur Nachrichten-Übersicht