Suporte » Ajustando o WordPress » Imagens no Celular

Visualizando 3 respostas - 1 até 3 (de um total de 3)
  • Marlon Amâncio

    (@marlonlamancio)

    jairobrasil, você está falando das imagens do slider? foram as que percebi alguma distorção nas restantes do site não percebi.

    As imagens do slider estão em média com 1300px de largura, e em monitores maiores que isso vai distorcer mesmo pois o css está ordenando a imagem cobrir toda a área do seu container que é 100% de largura e altura -> background-size: cover;

    Então o ideal é você conseguir imagens com largura de 1920px para cobrir vários tamanhos de monitores, desde os maiores até os menores.

    Criador do tópico jairobrasil

    (@jairobrasil)

    publico no site: 640X480, sim falo das fotos do Slider

    qual seria a melhor configuração, pois até a ultima autalização não ficavam deformadas no celular, agora elas ficaram espichadas, por favor acesse o site pelo celular.

    preciso ajuda para resolver!

    Marlon Amâncio

    (@marlonlamancio)

    Ahhh sim, no celular, desculpa, falta de atenção.

    O problema não é com a atualização do WordPress mas sim com o estilo do tema, no style.css na linha 1334, problema com a propriedade height:auto !important e esse maldito !important:

    .deals .full-width figure,.offers .full-width figure, .destinations .full-width figure,
    .deals .one-half figure,.offers .one-half figure, .destinations .one-half figure,
    .deals .one-third figure,.offers .one-third figure, .destinations .one-third figure,
    .deals .one-fourth figure,.offers .one-fourth figure, .destinations .one-fourth figure,
    .deals .one-fifth figure,.offers .one-fifth figure, .destinations .one-fifth figure {width:100% !important;max-height:none !important;height:auto !important;margin:0;}

    É difícil ajudar em temas que não conhecemos pois não sabemos se irá afetar outras partes do site.

    Outra coisa, não é recomendado alterar os arquivos diretamente do tema pois ao atualizar você irá perder as atualizações, o ideal seria usar um tema-filho, não sei como vc está fazendo.

    Mas para resolver seu problema vc tem que adicionar esse estilo abaixo:

    @media screen and (max-width: 980px) {
         .deals .one-fourth figure {
              height: 200px!important;
         }
    }
Visualizando 3 respostas - 1 até 3 (de um total de 3)
  • O tópico ‘Imagens no Celular’ está fechado para novas respostas.