Problemas com website em resoluções mais pequenas/mobile

Resolvido mabgscp
(@mabgscp)

há 6 anos, 9 meses

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)

Vitor Madeira
(@vitormadeira)

há 6 anos, 9 meses

O tema é proprietário ou está disponível em https://pt.wordpress.org/themes ?

Thread Starter mabgscp
(@mabgscp)

há 6 anos, 9 meses

Sim, está disponivel. Chama-se Giga Store

Vitor Madeira
(@vitormadeira)

há 6 anos, 9 meses

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.

Thread Starter mabgscp
(@mabgscp)

há 6 anos, 9 meses

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)

há 6 anos, 9 meses

@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.

Thread Starter mabgscp
(@mabgscp)

há 6 anos, 9 meses

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)

há 6 anos, 9 meses

Bom trabalho.

Se precisares de ajuda, avisa! Se não precisares, podes dar o tópico como fechado?
Thread Starter mabgscp
(@mabgscp)

há 6 anos, 9 meses
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á 6 anos, 9 meses por mabgscp.
Moderador pmfonseca
(@pmfonseca)

há 6 anos, 9 meses

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

há 6 anos, 9 meses
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á 6 anos, 9 meses por mabgscp.
- Esta resposta foi modificada há 6 anos, 9 meses por mabgscp.
Moderador pmfonseca
(@pmfonseca)

há 6 anos, 9 meses

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)

O tópico ‘Problemas com website em resoluções mais pequenas/mobile’ está fechado a novas respostas.

Etiquetas do tópico

Ver