Hinweis: Während unsere beliebtesten Anleitungen ins Deutsche übersetzt wurden, sind einige Anleitungen nur auf Englisch verfügbar.

Wie wird meine Website auf Mobilgeräten dargestellt?

Squarespace-Websites sind so konzipiert, dass Besucher Ihre Website auf jedem beliebigen Gerät, von Computern über Tablets bis hin zu Smartphones, einfach navigieren können.

Sämtliche Squarespace-Websites passen sich kleineren Browsern und dem Format eines Geräts an. Dies geschieht mittels Responsive Design, bei dem deine Inhalte automatisch angepasst werden, basierend auf der Größe des Browserfensters, das deine Website anzeigt. Im Allgemeinen werden die Inhalte auf einem Mobilgerät vertikal gestapelt. Dies bedeutet, dass die Besucher scrollen können, um alle deine Inhalte anzusehen, anstatt zu tippen, zoomen und die Seite in verschiedene Richtungen zu verschieben.

Wenn deine Website auf Squarespace Version 7.0 läuft, verfügt dein Template möglicherweise auch über zusätzliche integrierte Stile für Mobilgeräte, die aktiviert werden, wenn deine Website erkennt, dass sie auf einem mobilen Gerät angezeigt wird. Weitere Informationen findest du im Abschnitt Stile für Mobilgeräte, Version 7.0 unten.

In Version 7.1 passen sich Websites automatisch an die mobile Ansicht an, aber einige Bereiche, wie Kopfzeilen, verfügen über Mobilgerät-spezifische Stil-Optionen.

Diese Anleitung erklärt, wie bestimmte Website-Elemente auf Mobilgeräten angezeigt werden, und bietet Tipps zum Anpassen deiner Stile für Mobilgeräte.

Ihre Website auf Mobilgeräten

Der beste Weg, um zu erfahren, wie Ihre Website auf Mobilgeräten funktioniert, besteht darin, sie selbst zu testen. Wir empfehlen, die integrierte Geräteansicht zu verwenden und auf einem mobilen Gerät zu testen.

Geräteansicht

Die Geräteansicht ist ein Tool, mit dem du die verschiedenen mobilen Ansichten deiner Website sehen kannst. Dies ist eine gute Möglichkeit, das Responsive Design deiner Website von einem Computer aus zu testen, während du sie bearbeitest. Ausführliche Anweisungen findest du unter Geräteansicht.

Ihre Geräte verwenden

Die Fenstergrößen variieren je nach Gerät und einige mobile Funktionen sehen auf einem mobilen Gerät anders aus als in der Geräteansicht. Daher ist es hilfreich, deine Website auf so vielen Geräten wie möglich zu besuchen.

Wenn Sie Ihre Website auf einem Mobilgerät betrachten möchten, geben Sie die URL Ihrer Website in die Navigationsleiste Ihres mobilen Browsers ein.

Tipp: Um deine Website während deiner Probephase als mobiler Besucher betrachten zu können, füge ein Website-Passwort hinzu (anstatt den Inhaber-Login zu benutzen).

SEO und Optimieren Ihrer Squarespace-Website für Mobilgeräte

Google weist Websites, die für Mobilgeräte optimiert sind, eine höhere Prioritätsstufe zu. Die einzigartigen Stile für Mobilgeräte der Squarespace-Websites sind somit suchmaschinenfreundlich und speziell darauf ausgelegt, bei mobilen Suchanfragen gefunden zu werden. Weitere Informationen findest du unter SEO bei Squarespace.

Zusätzlich zu den für Mobilgeräte optimierten Designs gibt es bestimmte Dinge, die Sie tun können, um sicherzustellen, dass Ihre Website für Mobilgeräte optimiert bleibt. Dazu gehören die Begrenzung der Inhalte in einer Portfolio- oder Index-Seite, die Verwendung von Blog-Auszügen, die Reduzierung der Bildgröße und die Minimierung der Anzahl der Bilder auf einer Seite. Um mehr zu erfahren, besuchen Sie Tipps, um Ihre Website für Mobilgeräte optimiert zu halten.

Mitteilungsleiste

Die Mitteilungsleiste wird oben auf Mobilgeräten oben der Seite angezeigt.

In diesen Template-Gruppen der Version 7.0 wird die Mitteilungsleiste unterhalb des Kopfzeilen-Overlay und über dem Seiteninhalt angezeigt:

  • Brine
  • York

Audio und Video

Audio-Dateien und Videos werden je nach Funktionalität des Browsers auf dem entsprechenden Gerät geöffnet und abgespielt. Auf einigen Geräten (darunter iOS) werden Audio-Dateien im Media-Player deines Geräts geöffnet.

Videos werden auf der Seite in allen unseren unterstützten Browsern für Mobilgeräte abgespielt. Wenn du ein benutzerdefiniertes Vorschaubild als Bild-Overlay hinzugefügt hast, tippe zweimal, um das Video abzuspielen. Im nächsten Abschnitt erfährst du, wie Video-Banner auf Mobilgeräten funktionieren.

Banner und Abschnittshintergrundbilder

Banner und Abschnittshintergrundbilder werden auf Mobilgeräten immer etwas zugeschnitten. Das Zuschneiden erfolgt, da Banner-Bilder breit und horizontal sind, während die Bildschirme von Mobilgeräten schmal und vertikal sind.

banner_cropping_on_mobile.gif

Befolge unsere Tipps zur Formatierung von Banner-Bildern und Best Practices für Bilder im Responsive Design, bevor du Bilder hochlädst. Beachte beim Anzeigen deiner Website auf Mobilgeräten Folgendes:

  • Wie stark der Beschnitt ist, hängt von der Höhe des Banners und der Breite des Browsers ab.
  • Die Höheneinstellungen eines Banners werden auf Mobilgeräten nicht immer übernommen.
  • Video-Banner werden auf Mobilgeräten nicht geladen, wenn die Verbindungsgeschwindigkeit langsam ist oder wenn der Browser dies nicht zulässt. Lege ein Ersatzbild für Mobilgeräte fest, das angezeigt wird, wenn das Video nicht geladen werden kann.
  • Auf einigen Mobilgeräten wird die Einstellung Feste Position für seitenübergreifende Banner nicht angezeigt, darunter auch auf iOS-Geräten. Weitere Informationen findest du unter Hinzufügen von Hintergrundbildern für die gesamte Website.

Um die Auswirkungen des Zuschneidens für deine Banner-Bilder zu minimieren, besuche Fehlerbehebung beim Zuschneiden.

Blöcke

Blöcke fügen Abschnitten, Seiten und anderen bearbeitbaren Bereichen wie Blogeinträgen Inhalt hinzu. Das Responsive Design von Squarespace stapelt Blöcke automatisch vertikal auf Mobilgeräten.

Nähere Informationen und ein Video finden Sie hier: Seiten- und Block-Layout-Veränderungen auf Mobilgeräten.

  • Einzelne Spalten – Auf Mobilgeräten werden Blöcke in ihrer vollen Breite vertikal gestapelt, wobei das Computer-Layout der Seite beibehalten wird.
  • Mehrere Spalten – Auf Mobilgeräten wandern die zweite, dritte sowie alle weiteren Spalten unter die erste und werden somit vertikal anstatt horizontal gestapelt.
  • Schwebende Blöcke werden auf Mobilgeräten über dem dazugehörigen Text-Block angezeigt.

Abstands-Blöcke werden automatisch auf Mobilgeräten ausgeblendet, außer in einigen Templates auf Version 7.0.

Domains

Die integrierten und benutzerdefinierten Domains deiner Website funktionieren sowohl auf Computern als auch auf Mobilgeräten. Du benötigst keine separate URL für Mobilgeräte.

Wenn du Probleme mit einer Drittanbieter-Domain bei der Verbindung auf Mobilgeräten hast, stelle sicher, dass du diese korrekt mit deiner Website verknüpft hast.

Favicon oder Browser-Symbol

Die Darstellung des Favicons (oder Browser-Symbols) richtet sich nach dem verwendeten mobilen Browser. In einigen Fällen wird das Favicon nicht angezeigt.

Galerien

Wie Ihre Galerie auf Mobilgeräten angezeigt wird, hängt von der Version Ihrer Website und dem Galerieformat ab.

Tipp: Große Bilddateien oder zu viele Bilder können dazu führen, dass Ihre Website auf Mobilgeräten langsam geladen wird. Um mehr zu erfahren, besuchen Sie Tipps, um Ihre Website für Mobilgeräte optimiert zu halten.

Galerie-Abschnitte

Wie Galerieabschnitte auf Mobilgeräten angezeigt werden, hängt vom Layout ab:

  • Raster: Einfach – Anzeige als Raster. Abschnitte, die auf eine Spalte festgelegt sind, werden in einer Spalte angezeigt. Abschnitte, die auf eine Spalte festgelegt sind, werden in einer Spalte angezeigt. Abschnitte, die auf zwei oder mehr Spalten festgelegt sind, werden in zwei Spalten angezeigt.
  • Raster: Streifen - Anzeige in einer Spalte gestapelt.
  • Raster: Masonry – Abschnitte, die auf eine Spalte festgelegt sind, werden in einer Spalte angezeigt. Abschnitte, die auf zwei oder mehr Spalten festgelegt sind, werden in zwei Spalten angezeigt.
  • Alle Slideshow-Layouts – Bleiben als Slideshow erhalten. Das Layout Slideshow: Filmrolle schneidet Bilder auf Mobilgeräten entsprechend der Abschnittshöhe zu, damit sie in den Abschnitt passen. Das Layout Slideshow: Voll schneidet auch Bilder auf Mobilgeräten zu. Verwende den Bildausschnitt, um das Bild anzupassen. Wenn das gesamte Bild auf Mobilgeräten angezeigt werden soll, wähle das Layout Slideshow: Einfach.

Denken Sie daran:

  • Untertitel werden in der Lightbox-Ansicht nicht angezeigt.
  • Slideshow-Vorschaubilder werden auf Mobilgeräten nicht angezeigt. Du kannst Vorschaubilder nur im Layout Slideshow: Einfach aktivieren.

Galerie-Seiten

Viele Templates verwenden die Standard-Galerie-Seite. Für diese Templates gilt auf Mobilgeräten:

  • Raster – Galerie-Seiten werden vertikal gestapelt. Tippe auf ein Bild, um die Lightbox-Ansicht zu öffnen. Tippe in der Lightbox auf den Punkt in der rechten unteren Ecke, um Bildtitel und Beschreibungen anzuzeigen.
  • Slideshow – Galerie-Seiten werden als Slideshow angezeigt. Tippe zur Navigation auf den Bildschirm. Bildtitel und Beschreibungen werden nicht auf Browsern mit einer Breite von unter 480 Pixeln angezeigt.

Wenn Ihr Template Hyperlinks oder Deeplink-URLs unterstützt, funktionieren diese auch auf einem Mobilgerät.

Galerie-Seiten in diesen Template-Familien haben auf Mobilgeräten einzigartige Eigenschaften:

  • Avenue – Bilder werden vertikal gestapelt.
  • Flatiron – Bilder werden zwischen dem Seitentitel und dem Beschreibungstext gestapelt.
  • Forte – Bilder sind vertikal gestapelt. Titel und Beschreibungen der Bilder werden unter dem jeweiligen Bild angezeigt. Lightbox-Slideshow ist deaktiviert.
  • Ishimoto – Bilder werden vertikal gestapelt.
  • Momentum – Die Navigationspfeile verschwinden nach dem ersten Bild.
  • Montauk – Bilder werden unterhalb der Seitenbeschreibung gestapelt. Titel und Beschreibungen der Bilder werden unter dem jeweiligen Bild angezeigt.
  • Supply – Galerie-Seiten werden zwischen dem Seitentitel und dem Beschreibungstext gestapelt angezeigt. Titel und Beschreibungen der Bilder werden unter dem jeweiligen Bild angezeigt.
  • Tremont – Galerie-Bilder werden auf den meisten Smartphones vertikal gestapelt. Größere Smartphones und Tablets zeigen hingegen das Original-Layout an.

Galerie-Blöcke

Wie Galerie-Blöcke auf Mobilgeräten angezeigt werden, hängt von ihrem Layout ab:

  • Raster – Anzeige als Raster mit zwei Spalten.
  • Slideshow – Slideshow bleibt bestehen.
  • Karussell – Anzeige als Karussell, es wird aber jeweils nur ein Bild gezeigt.
  • Stapel – Bleibt gestapelt.

Normalerweise werden Bildbeschriftungen auf Mobilgeräten genauso angezeigt wie auf einem Computer. Für Slideshow-Galerie-Blöcke gilt jedoch, dass Beschriftungen nicht in Browsern angezeigt werden, die schmaler als 480 Pixel sind.

Mouseover-Effekte

Touchscreen-Geräte wie Smartphones, Tablets und Touchscreen-Laptops unterstützen keine Mouseover-Effekte. Elemente deiner Website mit Mouseover-Effekten werden unter Umständen durch Antippen angezeigt. Zum Beispiel:

  • Drop-Down-Ordnermenüs werden durch Antippen angezeigt.
  • Bezeichnungen und Preise von Produkten werden unter dem jeweiligen Bild angezeigt.
  • Je nach Art des Mobilgeräts und der Weite des Browsers werden Bildbeschriftungen möglicherweise immer, bei Antippen oder gar nicht angezeigt.

Bildbeschriftungen

Welche Arten von Untertiteln deine Website verwendet, hängt von der Version deiner Website ab.

  • Galerie-Abschnitte – Beschriftungen werden normalerweise auf Mobilgeräten genauso angezeigt wie auf einem Computer.
  • Bild-Blöcke und Galerie-Blöcke – Beschriftungen werden im Normalfall auf Mobilgeräten und Computern unverändert angezeigt. Je nach Art des Mobilgeräts und der Weite des Browsers werden bei Mouseover erscheinende Bildbeschriftungen möglicherweise immer, bei Antippen oder gar nicht angezeigt.
  • Bild-Blöcke und Galerie-Blöcke – Beschriftungen werden im Normalfall auf Mobilgeräten und Computern unverändert angezeigt. Je nach Art des Mobilgeräts und der Weite des Browsers werden bei Mouseover erscheinende Bildbeschriftungen möglicherweise immer, bei Antippen oder gar nicht angezeigt.
  • Galerie-Seiten – Die Darstellung auf Mobilgeräten hängt von deinem Template ab.

Instagram, Flickr und 500px-Blöcke

Blöcke, die Bilder von Social-Media-Konten wie Instagram, Flickr und 500px anzeigen, zeigen Bilder in einem zwei Spalten breiten Raster an.

Lightboxen

Auch wenn Lightbox-Effekte von Mobilgeräten grundsätzlich unterstützt werden, bestehen einige Einschränkungen:

  • Pinch-to-Zoom wird nicht unterstützt.
  • Wenn Ihr Bild über eine Beschriftung verfügt, die beim Mouseover angezeigt wird, wird unten rechts in der Lightbox ein weißer Punkt angezeigt. Tippen Sie auf den Punkt, um die Beschriftung anzuzeigen.
  • In Version 7.0 sind Lightboxes auf Wexley Galerie-Seiten deaktiviert.

Navigations-Menüs

Wie dein Navigationsmenü angezeigt wird, hängt von der Version deiner Website ab.

Auf Mobilgeräten hängt das Erscheinungsbild deiner Navigation vom Kopfzeilen-Layout deiner Website ab. Die Primärnavigation wird immer hinter einem Menü-Symbol ausgeblendet. Du kannst jedoch das Navigationslayout, den Symboltyp und die Overlay-Farbe in den Kopfzeileneinstellungen festlegen.

Auf Mobilgeräten hängt das Erscheinungsbild deiner Navigationsfunktionen von dem gewählten Template ab. Die Primärnavigation wird normalerweise hinter einem Menüsymbol (auch „Hamburger“-Symbol genannt) oder einem Link zusammengeklappt.

Wenn Ihr Template Fußzeilen-Navigation unterstützt, wird diese am unteren Ende der Seite vertikal gestapelt angezeigt.

Weitere Informationen finden Sie unter Die Navigation gestalten.

Padding

Squarespace-Websites verfügen oft über integriertes Mobile-Padding, das hilft, Ihre Website für kleinere Browser und Responsive Design zu optimieren. Dies bedeutet, dass Abstands- und Padding-Änderungen, die Ihre Website auf einem Computer beeinflussen, möglicherweise nicht immer das Erscheinungsbild auf Mobilgeräten beeinflussen.

Werbe-Pop-ups

Wenn auf deiner Website Werbe-Pop-ups eingesetzt werden, kannst du diese auch auf Mobilgeräten aktivieren. Alle mobilen Pop-ups werden standardmäßig auf einer halben Seite angezeigt, um die Vorgaben von Google zur Einstufung von Websites in Suchergebnissen zu erfüllen.

Verwende das Stil-Menü, um das Design auf Mobilgeräten anzupassen, oder deaktiviere mobile Pop-ups im Menü Darstellung & Timing.

Seitentitel und Logos

Die Art und Weise, wie dein Website-Titel oder Logo angezeigt wird, hängt von der Version deiner Website ab.

Der Stil deines Website-Titels oder -Logos hängt vom Layout deiner Website-Kopfzeile ab. Klicke im Kopfzeilen-Editor auf das Mobilgeräte-Symbol, um das Layout zu ändern.

Im Allgemeinen werden dein Seitentitel und Logo auf einem Mobilgerät in einer ähnlichen Position bleiben. Wenn sich dein Seitentitel zum Beispiel auf dem Computer in der rechten oberen Ecke befindet, wird er normalerweise auch in der rechten oberen Ecke des Mobilgeräts angezeigt.

Eine Aufschlüsselung darüber, wie der Website-Titel jedes Template auf Mobilgeräten angezeigt wird, finden Sie unter Website-Titel und Logo-Anzeige.

Shop-Seiten und E-Commerce

Kunden können auf deiner Website per Mobilgerät genauso einkaufen, wie sie es auf einem Computer tun würden. Dein Squarespace-Shop passt sich, wie alle Elemente deiner Website, einem kleinen Bildschirm an und ist über ein Mobilgerät navigierbar. Produkte werden in vertikaler Reihenfolge angezeigt. Bei individuellen Produktdetailseiten wird das Produktbild über der Beschreibung, dem Preis und dem Button Zum Warenkorb hinzufügen gestapelt angezeigt.

Andere Stile hängen von der Version deiner Website ab.

  • Mehrere Produktbilder werden in einer Slideshow angezeigt, durch die Käufer wischen können.
  • Produkte werden in einer einzigen Spalte angezeigt.
  • Die Kategorienavigation wird horizontal angezeigt, damit Käufer durch sie wischen können.
  • Wenn der Warenkorb in den Kopfzeileneinstellungen aktiviert ist, wird er immer oben auf der Seite angezeigt. Wenn Sie das Warenkorbsymbol deaktivieren, wird es nur am unteren Rand der Seite angezeigt, wenn jemand ein Produkt zu seinem Einkaufswagen hinzufügt.
  • Die Schnellansicht und die Artikelvorschau sind auf Mobilgeräten derzeit nicht verfügbar.
  • Mehrere Produktbilder werden in kleinen Vorschaubildern angezeigt oder auf Produktdetail-Seiten gestapelt.
  • Produkte werden in zwei oder mehreren Spalten angezeigt.
  • Die Kategorienavigation wird normalerweise als Filtermenü in Drop-Down-Form angezeigt. Bei Supply wird sie im Navigationsmenü angezeigt.
  • Der Warenkorb erscheint, nachdem der Kunde mindestens einen Artikel hinzugefügt hat. In den meisten Templates wird sie in einer schwarzen Leiste für Mobilgeräte am unteren Rand der Website angezeigt.
  • Die Schnellansicht und die Artikelvorschau sind auf Mobilgeräten derzeit nicht verfügbar.
  • Erweiterte und einzigartige Shop-Seiten haben besondere Produkt-Features. In einigen Templates kannst du Änderungen am Erscheinungsbild deines Warenkorbs auf Mobilgeräten vornehmen.

Text und Schriftarten

Schriftarten behalten in der Regel den gleichen Stil auf Mobilgeräten, aber große Schriftarten wie Überschriften können nach unten skaliert werden, um sie an die Breite des Browsers anzupassen. Wenn du auf Mobilgeräten überlappenden Text bemerkst, ändere die Zeilenhöhe der Schriftart.

Telefonnummern, die dem Textkörper oder Footertext deiner Website hinzugefügt wurden, werden als Links im mobilen Safari-Browser angezeigt.

Einige Templates der Version 7.0 verwenden skalierende Schriftarten, sodass Sie die maximale und minimale Größe für Titel, Überschriften und andere Schlüsseltexte manuell festlegen können.

Stile für Mobilgeräte Version 7.0

Diese Funktionen sind nur für Websites der Version 7.0 verfügbar:

Template-spezifische Stile

Um mehr über die mobilen Optionen eines bestimmten Templates zu erfahren, besuchen Sie unseren Template-Guide.

Eine Liste aller Templates mit spezifischen Optionen für Mobilgeräte finden Sie unter Erweiterte Mobile Styles.

Stile für Mobilgeräte deaktivieren

Die meisten Squarespace-Templates verfügen über ein einzigartiges Design, das für mobile Geräte optimiert ist und deinen Besuchern dabei hilft, deine Website von jedem Gerät aus anzusehen und zu navigieren. Bei einigen Templates gibt es die Option, diese Funktion zu deaktivieren, wenn du dies bevorzugst. Wir empfehlen jedoch, den Stil für Mobilgeräte aktiviert zu lassen.

Denken Sie daran:

  • Wenn du die Stile für Mobilgeräte deaktivierst, wird deine Website auf einem Mobilgerät genauso angezeigt wie auf einem Computer. Der Inhalt der Website wird daher nicht in einer vertikalen Spalte gestapelt, weshalb Blöcke und andere Inhalte im gleichen Layout angezeigt werden, das du auf einem Computer siehst.
  • Das Deaktivieren der Stile für Mobilgeräte kann sich auf deine SEO auswirken. Im April 2015 verfolgte Google Pläne zur „mobilen Freundlichkeit“ für das Ranking von Websites bei Suchen auf Mobilgeräten. Squarespace-Websites erfüllen die Anforderungen von Google nur dann, wenn der Stil für Mobilgeräte aktiviert ist.
  • Wenn du Stil für Mobilgeräte deaktivierst, wird die mobile Navigation deaktiviert.
  • Es ist nicht möglich, Stil für Mobilgeräte für Cover-Seiten zu deaktivieren.

So deaktivierst du Stil für Mobilgeräte:

  1. Klicke im Hauptmenü auf Design und dann auf Template-Einstellungen.
  2. Aktiviere Stile für Mobilgeräte deaktivieren.
  3. Klicken Sie auf Speichern.

Diese Option wird nicht erneut angezeigt, wenn dein Template das Deaktivieren der Stile für Mobilgeräte nicht unterstützt. Stile für Mobilgeräte können in folgenden Template-Familien nicht deaktiviert werden:

  • Brine
  • Farro
  • Galapagos
  • Skye
  • Supply
  • Tremont
  • York

Häufig gestellte Fragen

Wie entscheidet Squarespace, wann der Stil für Mobilgeräte oder der Desktop-Stil angezeigt werden soll?

Wenn du eine Website auf einem Mobilgerät besuchst, erkennt Squarespace automatisch ein mobiles Betriebssystem. Dies sendet ein Signal zum Anzeigen der Stile für Mobilgeräte, es sei denn, deine Website basiert auf Version 7.0 und du hast diese Stile deaktiviert.

Kann ich meine Website auf Mobilgeräten bearbeiten?

Du kannst deine Website auf Mobilgeräten mit der Squarespace-App für iOS oder Android bearbeiten.

Sie können sich auch über Ihren mobilen Browser anmelden und einige Aspekte Ihrer Squarespace-Website auf einem mobilen Gerät verwalten. Einige Funktionen sind jedoch nur auf einem Computer verfügbar.

Was ist der Unterschied zwischen Stil für Mobilgeräte und Responsive Design?

Stil für Mobilgeräte auf Version 7.0 und Responsive Design sind unterschiedliche, aber verwandte Konzepte.

  • Stil für Mobilgeräte ist einzigartig für Templates der Version 7.0. Diese Stile wirken sich nur auf Mobilgeräte-spezifische Navigationselemente, Einschränkungen beim Laden von Inhaltshintergründen und andere Designelemente aus, die auf mobilen Geräten möglicherweise unhandlich sind. Diese Elemente sind deaktiviert, wenn du Stile für Mobilgeräte deaktivierst, um eine mit der Darstellung auf einem Computer vergleichbare Version deiner Website zu präsentieren.
  • Responsive Design bezieht sich auf die Fähigkeit deiner Website und ihrer Inhaltselemente, ihre Größe an das Browserfenster des Besuchers anzupassen. Responsive Design bleibt für alle Squarespace-Websites erhalten, auch wenn 7.0 Stil für Mobilgeräte ist. Das bedeutet, dass die gesamte Website weiterhin für kleinere Geräte geeignet ist, aber wenn Stil für Mobilgeräte deaktiviert ist, wird der Inhalt nicht neu angeordnet, um die Navigation zu erleichtern. Stil für Mobilgeräte kann in Version 7.1 nicht deaktiviert werden. Daher werden Inhalte immer neu angeordnet und in der Größe geändert. Um mehr zu erfahren, besuche Responsive Design.

Kann ich benutzerdefiniertes CSS hinzufügen, um das auf den Mobilgeräten angezeigte Layout meiner Website zu verändern?

Ja, aber benutzerdefinierte Code-Änderungen fallen außerhalb unseres Support-Bereichs. Das bedeutet, dass wir keine weitere Unterstützung bei der Einrichtung oder Fehlerbehebung bieten können. Außerdem können wir bei einer codebasierten Lösung die Funktionalität oder vollständige Kompatibilität mit Squarespace nicht garantieren. Dies bezieht sich etwa auf die Funktionalität in Verbindung mit Responsive Design, insbesondere auf das Erscheinungsbild auf Mobilgeräten, und auf die Kompatibilität mit allen Templates. Zudem kann benutzerdefinierter Code im Anschluss an zukünftige Updates unserer Plattform zu Anzeigeproblemen führen. Wir können dir in diesem Fall nicht weiterhelfen, allerdings gibt es viele andere Informationsquellen, die dich hier unterstützen können:

War dieser Beitrag hilfreich?
49 von 148 fanden dies hilfreich