1. Füge eine Box-Komponente innerhalb des Containers hinzu, in dem sich der Kalender befindet.

2. Es sollte so aussehen: Box / Cookie-blockierter Inhalt / HTML Embed Komponenten - in dieser Reihenfolge.

3. Das Layout muss zuerst auf die Breite des Geräts Handy eingestellt werden. Dann sollten alle anderen Geräte diese Einstellung übernehmen.

4. Klicke auf die Überschrift der Box, dann auf das Handy-Symbol oder Text.

5. Klicke auf Einstellungen (für die Box) und scrolle nach unten zu "Horizontale Ausrichtung", stelle diese auf "Mitte".

6. Setze das Padding für die Box-Komponente auf "None" oder 0px (dies geschieht wiederum über die Handy-Gerätebreite).

7. Bitte speichere die Änderungen und überprüfe sie im Frontend (Handy-, Tablet- und Desktop-Größen überprüfen).

Wenn der Einbettungscode von Google Kalender verwendet wird, müsste er wie unten dargestellt aussehen. Beachte, dass die feste Höhe und Breite herausgenommen wurde und eine Formatierung hinzugefügt wurde, die den IFrame definiert.

<div class="kalenderDiv">
<iframe src="https://calendar.google.com/calendar/embed?src=ajdeutschland%40gmail.com&ctz=America%2FNew_York" style="border: 0"  frameborder="0" scrolling="no"
class="kalenderDiv"
></iframe>
</div>