Nota: Sebbene le nostre guide più popolari siano state tradotte in italiano, alcune guide sono disponibili solo in inglese.

Advanced mobile styles

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 dispongono di tweak specifici per i dispositivi mobili nel riquadro Stili sito per un ulteriore livello di personalizzazione. Questa guida descrive tali opzioni.

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?

Options by template

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

  • To find mobile tweaks, press Ctrl + F (Command + F on Mac) and search for the word Mobile.
  • For scaling fonts, search for the word Min.

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

Famiglia di modelli Opzioni
Avenue
  • Adjust the logo's size

Aviator

Brine

  • Add one or two mobile navigation bars
  • Choose whether the top bar is fixed
  • Set separate styles for header icons
  • Adjust where the icons appear
  • Set the width at which the site switches to mobile view (breakpoint)
  • Opzioni di stile della Pagina negozio
  • See all style tweaks

Farro


  • Add one or two mobile navigation bars
  • Choose whether the top bar is fixed
  • Set separate styles for header icons
  • Adjust where the icons appear
  • Opzioni di stile della Pagina negozio
  • See all style tweaks
Flatiron
  • Hide the Index Page thumbnail grid titles
Galapagos
  • Set the color and font of the site title
  • If you have a logo on desktop, you can add a separate mobile logo and set its height, or display a site title instead.

Skye

  • Scaling fonts
  • Opzioni di stile della Pagina negozio
Supply
  • Replace the logo with the site title

Tremont

  • Scaling fonts
  • Different size settings for different browser widths. For example, set the height of your logo for desktop, tablet, and smartphone.
  • Opzioni di stile della Pagina negozio
Wells
  • Set the site title's font and size
Wexley
  • Adjust the mobile navigation background color

York

  • Scaling fonts
  • Top mobile navigation bar
  • Set separate styles for header icons
  • Opzioni di stile della Pagina negozio
  • See all style tweaks

Types of mobile styles

Scaling fonts

Scaling fonts let you manually set the maximum and minimum sizes for titles, headings, and other key text. To learn more, visit Scaling fonts.

Logo Size (Dimensione Logo)

In templates where you can adjust the logo's mobile size, we recommend setting your site logo to display smaller on mobile to reduce crowding.

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

Mobile navigation bars

Mobile navigation bars display at the top or bottom of your mobile site. They contain header elements like the site title or logo, shopping cart, and search icon. You can customize the bar colors, choose where the elements display, and give them unique mobile styles.

For example, the Brine template supports up to two mobile bars:

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 Pagina dei prodotti.

Questo articolo ti è stato utile?
Utenti che ritengono sia utile: 15 su 133
Advanced mobile styles