Stili avanzati per dispositivi mobili nella versione 7.0

Ultimo aggiornamento 7 aprile 2023

Scopri i modelli che dispongono di stili specifici per i dispositivi mobili nella versione 7.0.

Tutti i siti Squarespace sono ottimizzati per il responsive design, in modo che il tuo sito possa adattarsi al formato di qualsiasi dispositivo mobile o browser.

Alcuni modelli della versione 7.0 dispongono di opzioni specifiche per dispositivi mobili in Stili sito, che consentono un ulteriore livello di personalizzazione. Questa guida descrive tali opzioni.

Accesso a questa funzionalità

Questa guida si riferisce alla versione 7.0. La versione 7.1 non ha stili per dispositivi mobili separati. Per maggiori informazioni, visita Come verrà visualizzato il mio sito su dispositivi mobili?.

Opzioni per modello

Per visualizzare l'anteprima del design del dispositivo mobile mentre apporti le modifiche, apri Visualizzazione dispositivo prima di aprire il pannello Stili sito.

  • Per trovare i tweak per dispositivi mobili, premi Ctrl + F ( Comando + F su Mac) e cerca la parola Mobile.
  • Per la scalabilità dei tipi di carattere, cerca la parola Min.

Ecco le opzioni per dispositivi mobili nelle seguenti famiglie di modelli:

Famiglia di modelli Opzioni
Avenue
  • Regola le dimensioni del logo

Aviator

Brine

  • Aggiungi una o due barre di navigazione mobile
  • Scegli se la barra superiore è fissa
  • Imposta stili separati per le icone delle intestazioni
  • Regola il posizionamento delle icone
  • Imposta la larghezza alla quale il sito passa alla vista dispositivo mobile (punto di interruzione)
  • Opzioni di stile della Pagina negozio

Farro

  • Aggiungi una o due barre di navigazione mobile
  • Scegli se la barra superiore è fissa
  • Imposta stili separati per le icone delle intestazioni
  • Regola il posizionamento delle icone
  • Opzioni di stile della Pagina negozio
Flatiron
  • Nascondi i titoli della griglia delle miniature della Pagina Indice
Galapagos
  • Imposta il colore e il tipo di carattere del titolo del sito
  • Se hai un logo nella vista computer, puoi aggiungere un logo distinto per dispositivi mobili e impostarne l'altezza oppure visualizzare un titolo del sito.

Skye

  • Scalabilità dei tipi di carattere
  • Opzioni di stile della Pagina negozio
Supply
  • Sostituisci il logo con il titolo del sito

Tremont

  • Scalabilità dei tipi di carattere
  • Impostazioni di dimensioni diverse per diverse larghezze del browser. Ad esempio, imposta l'altezza del logo per computer, tablet e smartphone.
  • Opzioni di stile della Pagina negozio
Wells
  • Imposta il tipo di carattere e la dimensione del titolo del sito
Wexley
  • Regola il colore di sfondo della navigazione mobile

York

  • Scalabilità dei tipi di carattere
  • Barra di navigazione superiore per dispositivi mobili
  • Imposta stili separati per le icone delle intestazioni
  • Opzioni di stile della Pagina negozio

Tipi di stili per dispositivi mobili

Scalabilità dei tipi di carattere

La scalabilità dei tipi di carattere ti permette di impostare manualmente le dimensioni massime e minime di titoli, intestazioni e altro testo chiave. Per maggiori informazioni, visita Scaling fonts (Scalabilità dei tipi di carattere).

Logo Size (Dimensione Logo)

Nei modelli in cui puoi regolare la dimensione del logo per dispositivi mobili, ti consigliamo di impostare una visualizzazione ridotta del logo del sito sui dispositivi mobili per ridurre l'affollamento.

Nota

solo Galapagos supporta il caricamento di un logo separato per dispositivi mobili.

Barre di navigazione su dispositivi mobili

Le barre di navigazione su dispositivi mobili vengono visualizzate nella parte superiore o inferiore del tuo sito per dispositivi mobili. Contengono elementi dell'intestazione come il titolo o il logo del sito, il carrello e l'icona di ricerca. Puoi personalizzare i colori della barra, scegliere dove vengono visualizzati gli elementi e definirli con stili per dispositivi mobili unici.

Ad esempio, il modello Brine supporta fino a due barre su dispositivi mobili:

KB Guide Image

Pagina negozio

Per i modelli che supportano la pagina del negozio avanzata, puoi assegnare a titoli e prezzi di vendita degli articoli uno stile unico per la visualizzazione su dispositivi mobili. Per maggiori informazioni, visita Definire lo stile delle pagine del negozio.

Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.

Stili avanzati per dispositivi mobili nella versione 7.0