Página com imagem no topo não se ajusta a dispositivos mobile

  • Resolvido betaniojr

    (@betaniojr)


    9 anos, 3 meses atrás

    Olá pessoal.

    Coloquei meu site em wordpress no ar. A home ficou bem legal e totalmente responsiva, a página do blog também, mas as demais páginas que demandam uma imagem no topo não respondem corretamente em dispositivos mobile. Na verdade, apenas o cabeçalho aparece no formato correto.
    Meu problema é bem simples, mas peço a ajuda de vocês por não entender nadica de nada sobre como resolver esse tipo de problema.
    A princípio, conseguir fazer com que a bendita imagem do topo se ajuste ao formato da tela seria meu único problema.
    Como sou novo aqui no fórum, peço desculpas se não postei meu problema no local correto a agradeço a atenção de quem possa me ajudar.

    Eis o site: falefacilvoip.com.br

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • theandersonn

    (@theandersonn)

    9 anos, 3 meses atrás

    Tem alguns lances que você precisa verificar.

    Bom, sobre a imagem [logo], você não inseriu nenhuma classe para estilizar, isso não é bom.

    Então nas media queries 320px, 360px … se você manipular a margem da classe .container > .navbar-header você já consegue alguma coisa.

    O lances que citei de inicio, é você está com versão 4.4.2 do WordPress e parece que o srcset não está entregando a img responsiva corretamente, olhe esse detalhe.

    Criador do tópico betaniojr

    (@betaniojr)

    9 anos, 3 meses atrás

    Adiciono a informação que no page-fullwidth.php, contém a seguinte linha:
    <div style="background:url(<?php the_field("imagem_topo"); ?>) top center; height:600px; width:100%;"></div>

    Criador do tópico betaniojr

    (@betaniojr)

    9 anos, 3 meses atrás

    theandersonn, o problema é minha ignorância total quanto a como chegar por exemplo ao local que você sugeriu que eu manipulasse… hehehehehehe

    theandersonn

    (@theandersonn)

    9 anos, 3 meses atrás

    Olhe o arquivo bootstrap.min.css na linha 3175.

    Uma sugestão: Quando trabalhamos com Bootstrap é importante deixar os estilos originais dele no arquivo e criar-mos uma nova folha de estilos para os estilos que queremos adicionar e subscrever.

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • O tópico ‘Página com imagem no topo não se ajusta a dispositivos mobile’ está fechado para novas respostas.