Contaos Google-Maps-Modul responsiv umsetzen

von Oliver Richter (Kommentare: 0)

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

Zurück

Einen Kommentar schreiben

Bachten Sie: Für die Zuordnung Ihrer Nachricht werden die hier anzugebenden Daten Name, E-Mailadresse, Ihr Kommentar gespeichert. Sofern Sie den Wunsch der E-Mail-Benachrichtigung angegeben haben, wird aufgrund technischer Notwendigkeit auch dieser Wert gespeichert. Durch Absenden des Formulars erklären Sie sich damit einverstanden. Alternativ kontaktieren Sie mich bitte über meine E-Mailadresse oder Telefon.
Detaillierte und weitere Hinweise, insb. zum Widerrufsrecht finden Sie in der Datenschutzerklärung.

Sie befinden Sich in der Detailansicht eines Blog-Eintrags.

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

Wie kann ich Ihnen helfen?

Sie erreichen mich über mein Kontaktformular