Personalizar o conteúdo de arrastar e soltar em dispositivos móveis

No editor de conteúdo, você pode personalizar como o conteúdo da página é exibido para dispositivos móveis ou de desktop. Você pode editar a visibilidade de elementos específicos com base no tipo de dispositivo. Você também pode personalizar margens e preenchimento especificamente para pontos de interrupção móveis. Saiba mais sobre como criar e editar conteúdo no editor de conteúdo

Observe: somente os temas padrão do HubSpot e alguns temasMarketplace de modelos incluem edição móvel. Por padrão, os temas personalizados não incluem edição móvel. Para implementar a edição móvel, a HubSpot recomenda que você trabalhe com um desenvolvedor para instalar pontos de interrupção móveis.

Editar conteúdo para dispositivos móveis

1. Acesse seu conteúdo:

   • Páginas do site: Na sua conta da HubSpot, acesse Conteúdo > Páginas do site.
   • Landing Pages: Na sua conta da HubSpot, acesse Conteúdo > Landing pages.
2. Clique no nome da página. 
3. Para alternar entre os diferentes tipos de dispositivo, na parte superior, clique no botão mobile Ícone móvel ou desktop Ícone da área de trabalho a ser editado para o tipo selecionado. 

4. Na parte superior esquerda, clique na guia siteTreeIcon Ícone Conteúdo .
5. Para editar a visibilidade de um elemento em móvel, no painel esquerdo, clique em um módulo ou seção e expanda a seção Visibilidade .
   • Em Ocultar neste ponto de interrupção, clique em Ocultar ou em Ocultar para personalizar como o elemento é exibido no celular. Um elemento oculto para um ponto de interrupção móvel ainda aparecerá na versão para desktop da página.
   • Você também pode ocultar um elemento passando o mouse sobre um módulo ou seção na visualização do conteúdo e clicando no botão hideIcon Ocultar ícone. 

8. Para editar o preenchimento e a margem no celular, no painel esquerdo, expanda a seção Alinhamento e espaçamento .
   • Em Preenchimento e margem, clique em Preenchimento ou Margem e insira valores de pixel nos campos Superior, Esquerda, Direita, ou Margem. Essas alterações serão aplicadas somente aos pontos de interrupção móveis e não aparecerão na versão para desktop da página. 
   • Para adicionar espaçamento uniforme a todos os lados, marque a caixa de seleção Aplicar a todos os lados .