Zum Hauptinhalt
Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.
Landing Pages

Drag-&-Drop-Content auf Mobilgeräten anpassen

Zuletzt aktualisiert am: Juli 22, 2021

Produkte/Lizenzen

Alle

In Designvorlagen, Starter-Vorlagen und Code-Vorlagen mit Drag-&-Drop-Bereichen können Sie spezifische Module auf Mobilgeräten ausblenden oder nur auf Mobilgeräten angezeigte Ränder und Auffüllungen hinzufügen. Ihr Seiten-Content selbst kann nur in der Desktop-Version des Editors bearbeitet werden. 


Bitte beachten: Nur Standard-Designs von HubSpot und einige Marketplace-Designs bieten die Möglichkeit der mobilen Bearbeitung – benutzerdefinierte Designs umfassen standardmäßig keine Möglichkeit der mobilen Bearbeitung. Um die mobile Bearbeitung zu implementieren, empfiehlt HubSpot, von einem Entwickler mobile Breakpoints installieren zu lassen.

  • Navigieren Sie In Ihrem HubSpot-Account zu Ihren Landing-Pages oder Website-Seiten
  • Bewegen Sie den Mauszeiger über Ihre Seite und klicken Sie auf „Bearbeiten“.
  • Klicken Sie oben links im Seitenleisten-Editor auf das mobile „Für Mobilgeräte bearbeiten“-Symbol. 

edit-page-content-for-mobile

  • Klicken Sie auf ein Modul, um anzupassen, wie es auf Mobilgeräten angezeigt wird.
  • Um dieses Modul auf Mobilgeräten anzuzeigen oder auszublenden, klicken Sie auf den Abschnitt „Sichtbarkeit“ und wählen Sie „Anzeigen“ oder „Ausblenden“ aus. Ausgeblendete Module werden weiterhin auf der Desktop-Version der Seite angezeigt. 
  • Um den Abstand dieses Moduls auf Mobilgeräten zu bearbeiten, klicken Sie auf den Abschnitt „Ausrichtung und Abstand“ und wählen Sie dann „Auffüllung“ oder „“ aus. Geben Sie Pixel-Werte in den Feldern „Oben“, „Links“, „Rechts“ und/oder „Unten“ ein. 

edit-alignment-on-mobile

  • Um ein anderes Modul auszuwählen, klicken Sie oben links auf „Zurück“.
  • Um zum Desktop-Editor zurückzukehren, klicken Sie oben links auf das desktop „Für Desktop bearbeiten“-Symbol