Suporte » Temas e templates » Problemas com website em resoluções mais pequenas/mobile

  • Resolvido mabgscp

    (@mabgscp)


    Quando começei o website, estava apto para qualquer resolução, mas com alterações ao tema, o website deixou de se adaptar às resoluções mais pequenas e em mobile também.

    Resoluções normais: https://prnt.sc/frilwv
    Resoluções pequenas(menos de 1024×768):https://prnt.sc/frinoy
    Mobile:https://prnt.sc/frioq7

    Como funcionava antes(Tema de origem só com aquela imagem e texto): https://prnt.sc/friqfi

    Inspecionar elemento: https://prnt.sc/frisi9
    Aqui aparece dois erros 404 not found. Visto que não mudei nenhuma localização de ficheiros e antes não tinha erros, não sei se tem a ver com isto mas acho que não até porque estou a chamar o css corretamente.

    Já usei vários plugins, nenhum deles funcionou e o website ficou igual.

    Alguma dica para voltar a ter o site responsivo? já tentei retirar várias alterações para testar se o problema era destas, mas o website continua igual.

    O site está num servidor local, por isso não consigo fornecer o link.

A visualizar 11 respostas - de 1 a 11 (de um total de 11)
  • O tema é proprietário ou está disponível em https://pt.wordpress.org/themes ?

    Sim, está disponivel. Chama-se Giga Store

    Ok, então acho que o ideal seria colocar um pedido de apoio técnico junto do autor do tema. Se o tema for esse, será aqui: https://wordpress.org/support/theme/giga-store

    Provavelmente será até possível encontrar nos pedidos de apoio técnico anteriores já existentes por ali, algumas pistas para resolver esse problema em particular.

    De qualquer das maneiras, será possível também obter mais opiniões por parte de outros membros do fórum neste tópico, obviamente.

    Não sei se isso me vá ajudar muito mais que este tópico… Este problema não tem muito a ver com um tema especifico… pode aconteçer em qualquer um. Eu alterei o tema e agora preciso de descobrir o código para esconder certas partes do site que quando passa a uma resolução mais pequena, ou fica mais pequeno ou desapareçe.

    Moderador pmfonseca

    (@pmfonseca)

    @mabgscp

    Tanto quanto sei do outro tópico que tinhas aberto, as alterações do tema não forma feitas com recurso a Child theme, pelo menos não desde o início.
    Sugiro:
    1 – efetuares um backup da pasta …\wp-content\themes\giga-store
    2 – repores a vers\ao original do ficheiro style.css

    e verificares se funciona.
    A parte do style.css (original) que se dedica ao ajuste responsivo começa na linha 121.
    Pode ser necessário, copiares os CSS que adicionaste nas opções do tema para um ficheiro externo (notepad) e apagares da instalação atual.

    Quanto aos erros 404, podes ter ligações definidas, uma vez que tinhas feito cópia para a tua instalação a partir de código de outro site. Verifica se não há referências a pastas inexistentes.

    Depois deixa informações sobre como correu.
    Bom trabalho.

    Ao repor o ficheiro inicial de css, pareçe que funciona melhor, mesmo assim apereçe certos items mal posicionados.Depois de testar o código css feito por mim, reparei que o que estava a causar isto era:
    /*.container {
    width: 1170px;
    }*/

    e

    /*.col-sm-12 {
    left:10%;
    display: flex;
    }
    */

    Agora preciso de remover os contactos lá de cima na versão mobile e manter o display:flex na resolução maior senão os itens ficam desalinhados

    https://prnt.sc/frv8es

    Moderador pmfonseca

    (@pmfonseca)

    Bom trabalho.

    Se precisares de ajuda, avisa! Se não precisares, podes dar o tópico como fechado?

    Estou a ter um problema que para enviar um item para a esquerda eu uso left:10%, mas na versao mobile tambem me está apareçer. Para resolver isto tentei usar o seguinte código:

    @media (max-width: 768px) {
    .col-sm-12 {
    left:auto;
    display: flex;
    flex-direction:column;
    }
    }

    No entanto ele continua a ir para a esquerda na versão mobile. Como poderei tirar o left? Já tentei left:0; left:auto; left:initial; e left:none; nenhum deles está a funcionar.

    • Esta resposta foi modificada Há 5 meses, 1 semana por  mabgscp.
    Moderador pmfonseca

    (@pmfonseca)

    Desculpa, mas não entendi.
    Queres enviar um <div> para a esquerda e em mobile aparece onde? e onde queres que passe a aparecer?

    Para centrar estes 3 items eu usei um left:10% (https://prnt.sc/fs9keg). Agora quando vou para mobile, mesmo usando o código acima, em mobile estes ficam sempre alinhados à direita(https://prnt.sc/fs9ln0) mesmo usando o código acima(@media com max-width 768px)

    • Esta resposta foi modificada Há 5 meses, 1 semana por  mabgscp.
    • Esta resposta foi modificada Há 5 meses, 1 semana por  mabgscp.
    Moderador pmfonseca

    (@pmfonseca)

    Tudo depende da forma como definiste as áreas. Uma vez que a instalação é local é mais difícil saber se há algo ‘escondido’ de desalinha as div. Não tens uma versão online?

A visualizar 11 respostas - de 1 a 11 (de um total de 11)