Obs.: embora os nossos guias mais acessados tenham sido traduzidos para o português, outros guias estão disponíveis apenas em inglês.

Estilos móveis avançados

Todos os sites do Squarespace são otimizados com design responsivo, para que seu site possa se ajustar ao formato de qualquer dispositivo móvel ou navegador.

Alguns templates oferecem ajustes específicos para a versão móvel no painel Estilos do Site, ampliando o nível de personalização. Este guia mostra essas opções.

Este guia é sobre a versão 7.0. A versão 7.1 não tem estilos móveis separados. Para saber mais, acesse Como meu site será exibido em dispositivos móveis?.

Opções por template

Para ver seu design na versão móvel enquanto faz alterações, abra Visualização por dispositivo antes de abrir o painel Estilos do Site.

  • Para encontrar ajustes móveis, pressione Ctrl + F (Command + F no Mac) e procure a palavra Mobile.
  • Para dimensionar fontes, procure a palavra Min.

Veja as opções na versão móvel das seguintes famílias de template:

Família de template Opções
Avenue
  • Ajustar o tamanho do logotipo

Aviator

Brine

  • Adicionar uma ou duas barras de navegação móveis
  • Escolha se a barra superior está fixa
  • Definir estilos separados para ícones de cabeçalho
  • Ajustar onde os ícones aparecem
  • Defina a largura na qual o site muda para visualização móvel (ponto de interrupção)
  • Opções de estilo de Página da Loja
  • Veja todos os ajustes de estilo

Farro


  • Adicionar uma ou duas barras de navegação móveis
  • Escolha se a barra superior está fixa
  • Definir estilos separados para ícones de cabeçalho
  • Ajustar onde os ícones aparecem
  • Opções de estilo de Página da Loja
  • Veja todos os ajustes de estilo
Flatiron
  • Ocultar os títulos da grade em miniatura da Página Índice
Galapagos
  • Definir a cor e a fonte do título do site
  • Se tiver um logotipo na visualização de computador, você pode adicionar um logotipo móvel separado e definir sua altura, ou exibir um título de site.

Skye

  • Dimensionamento de fontes
  • Opções de estilo de Página da Loja
Supply
  • Substitua o logotipo pelo título do site

Tremont

  • Dimensionamento de fontes
  • Diferentes configurações de tamanho para diferentes larguras do navegador. Por exemplo, defina a altura do logotipo para computador, tablet e smartphone.
  • Opções de estilo de Página da Loja
Wells
  • Definir a fonte e o tamanho do título do site
Wexley
  • Ajustar a cor de fundo da navegação móvel

York

  • Dimensionamento de fontes
  • Barra superior de navegação móvel
  • Definir estilos separados para ícones de cabeçalho
  • Opções de estilo de Página da Loja
  • Veja todos os ajustes de estilo

Tipos de estilos móveis

Dimensionamento de fontes

O dimensionamento de fontes permite que você defina manualmente os tamanhos máximo e mínimo para títulos, cabeçalhos e outros textos-chave. Para saber mais, acesse Dimensionar Fontes.

Logo Size (Tamanho do Logo)

Nos templates em que você pode ajustar o tamanho móvel do logotipo, recomendamos definir o logotipo do site para ser exibido em tamanho menor no celular e reduzir a aglomeração.

Atenção: somente o Galapagos aceita o upload de um logotipo separado para a versão móvel.

Barras de navegação móveis

As barras de navegação móveis são exibidas na parte superior ou inferior do seu site móvel. Eles contêm elementos de cabeçalho, como o título do site ou logotipo, carrinho de compras e ícone de pesquisa. Você pode personalizar as cores da barra, escolher onde os elementos são exibidos e dar estilos móveis únicos a eles.

Por exemplo, o template Brine suporta até duas barras móveis:

Página Armazenar

Para templates compatíveis com a Página de Produtos Avançados, você pode dar aos títulos, preços e preços de venda um estilo exclusivo para exibição móvel. Para saber mais, acesse Páginas de Produtos de Estilo.

Este artigo foi útil?
Utilizadores que acharam útil: 16 de 144