Cecília Santos - Embaixadora fez uma pergunta.

25 de Fevereiro de 2025 às 18:13
Coloquei uma imagem de fundo na minha LP, porém no celular está mostrando apenas uma parte

Estou produzindo algumas LPs, em uma das partes coloquei uma imagem no fundo da linha para dar uma quebra e destaque no serviço promovido em específico, porém quando fui visualizar no celular a imagem está com zoom em um canto da imagem.

​

Na parte de modificar no celular só aparece para colocar bordas que não é o que preciso.

​

Como posso arrumar ou uma forma de deixar mais bonito?

  • Matheus Machado - Embaixador

    Olá

     

    Segue uma sugestão:

     

    1️⃣ Verifique a configuração de "Tamanho de fundo"

    Se o RD Station permitir editar o CSS ou houver uma opção para ajustar o background-size, tente configurar para "Cover":

    • Cover: ajusta a imagem para cobrir toda a área sem distorcer, mas pode cortar partes da imagem.
    • Contain: ajusta a imagem para caber inteira, mas pode deixar espaços vazios.

    2️⃣ Use uma Imagem com Posição Fixa

    Se a plataforma permitir, tente definir a posição do background para evitar cortes inesperados:

    • background-position: center; (centraliza a imagem)
    • background-position: top; (foca na parte superior da imagem)

    3️⃣ Testar Outra Dimensão da Imagem

    Se o problema persistir, pode ser necessário testar uma imagem com proporção diferente (mais quadrada ou ajustada ao mobile).

    4️⃣ Criar uma Seção Separada para Mobile

    Caso o RD Station não permita ajustes diretos no CSS, uma alternativa é duplicar a seção e exibir uma versão para desktop e outra para mobile, ajustando cada uma separadamente.

    Expandir publicação
    Selecionada como a melhor

  • Matheus Machado - Embaixador

    Olá

     

    Segue uma sugestão:

     

    1️⃣ Verifique a configuração de "Tamanho de fundo"

    Se o RD Station permitir editar o CSS ou houver uma opção para ajustar o background-size, tente configurar para "Cover":

    • Cover: ajusta a imagem para cobrir toda a área sem distorcer, mas pode cortar partes da imagem.
    • Contain: ajusta a imagem para caber inteira, mas pode deixar espaços vazios.

    2️⃣ Use uma Imagem com Posição Fixa

    Se a plataforma permitir, tente definir a posição do background para evitar cortes inesperados:

    • background-position: center; (centraliza a imagem)
    • background-position: top; (foca na parte superior da imagem)

    3️⃣ Testar Outra Dimensão da Imagem

    Se o problema persistir, pode ser necessário testar uma imagem com proporção diferente (mais quadrada ou ajustada ao mobile).

    4️⃣ Criar uma Seção Separada para Mobile

    Caso o RD Station não permita ajustes diretos no CSS, uma alternativa é duplicar a seção e exibir uma versão para desktop e outra para mobile, ajustando cada uma separadamente.

    Expandir publicação
    Selecionada como a melhor