Fórum OpenCart Brasil

Prezados amigos!
Criei um novo tema e esta tudo funcionando, exceto:
- Quando o Zoom dos navegadores esta em 100% ou acima disto, a exibição funciona corretamente.
- Quando o Zoom dos navegadores esta em 90% ou menos, os botões perdem as cores, os ícones da primeira linha é exibido com descrições ao lado, uma verdadeira lambança.
Então vem a pergunta.
Provavelmente devo adicionar algo no Stylesheet.css.
Qual seria a linha para resolver isto?
Atenciosamente

Olá @Leandro Felipe.

Sem ver a sua loja com o tema fica difícil de ajudar.

Prezado @Manoel Vidal !
A loja não esta online, esta em teste no xampp.
Mas vou lhe encaminhar links com fotos:
- Quando o zoom esta em 100% ou mais é exibido desta forma:
https://ibb.co/LQMPCBy
E mais abaixo:
https://ibb.co/fd90Qp3
Quando diminuimos o zoom para 90% no Chrome, Firefox e Edge veja o que acontece:
https://ibb.co/LhpmBHM
e mais abaixo:
https://ibb.co/wr0kv5K
NOTE: Quando o zoom é 100% ou maior, é tudo exibido certinho, na primeira barra, é exibido apenas o icone do telefone, icone da conta, enfim... O botão de comprar fica no tamanho e na cor certa.
Ao passo que onde o zoom é menor que 100% os botões de comprar perdem a cor e aumentar de tamanho, ficando tudo desproporcional. Além de aparecer o icone do telefone e o telefone ao lado, além dos outros icones.
Como posso resolver isto?
Atenciosamente

Pelo seu relato e as imagens, deu para entender que se trata de um problema com o CSS, e neste caso, o ideal seria você utilizar o inspetor de objetos do navegador Chrome, para verificar que arquivos CSS você deve editar e que linhas dos arquivos devem ser modificadas para realizar os ajustes e assim resolver o problema, sendo que essas mudanças acontecem conforme o tamanho da tela, porque o layout de temas para OpenCart são responsivos, ou seja, se adaptam ao tamanho da tela do usuário.

Se você não souber como utilizar o inspetor de objetos do navegador chrome, tem muito vídeos no youtube que ensinam a utilizar essa ótima ferramenta, lembrando que o firefox também tem um inspetor de objetos.

Espero ter ajudado.

Prezado @Manoel Vidal !
Encontrei o problema! Não se tratava de um erro.
No arquivo Styleshet.css
Eu troquei a cor do Background-color, ocorre que mais a cima havia outra regra e nesta não havia modificado a cor. Tratava-se desta linha:
background-color: #eee;
Ocorre que quando o zoom é maior que 100% usa-se uma regra, e quando é menor utiliza-se esta mencionada acima.
Bem, o layout ficou show!
Muito obrigado mais uma vez pelos auxilios!
Grande abraço