Um usuário perguntou ?
Olá, preciso de ajuda com o design deste site.
Eu fiz um tema filho do “Tema da Loja Frontal”.
Eu quero centralizar o logotipo sem perder qualidade, o logotipo carregado é 2967 x 720 pixels, mas a qualidade é muito ruim e é centralizado com CSS extra
.custom-logo { largura: 100%; }
Também quero segmentar a barra de navegação no PC e em dispositivos móveis. Já tentei de tudo, mas sem sucesso.
Espero que alguém possa me ajudar! Obrigado!
(@jensdevbeule)
3 anos, 2 meses atrás
Enrico1111 e Chara
Obrigado por entrar em contato com os fóruns de suporte! Eu dei uma olhada no seu problema e seu site mencionado com sua pergunta.
seu logotipo
Consegui determinar que a imagem de origem usada para o logotipo tem essas dimensões: 435x110px. Então, se você esticar a imagem, ela ficará embaçada. Sugiro que você veja seu arquivo WP-media da imagem utilizada, você pode tê-la adicionado acidentalmente ou sua instalação possui um plugin que limita as dimensões de suas imagens.
sua barra de navegação
Para o seu segundo problema, escrevi um pequeno código de exemplo geral para centralizar as barras de navegação. Você pode ver a arquitetura relacionada e implementá-la em seu site.
CSS
#nav {
text-align:center;
}
#nav li {
display:inline;
}
#nav a {
text-decoration:none;
padding:0 30px; /* variable width */
}HTML
<ul id="nav">
<li><a href=" 1</a></li>
<li><a href=" 2</a></li>
<li><a href=" 3</a></li>
</ul>Espero que isso resolva o seu problema. Sinta-se à vontade para responder se precisar de mais ajuda.
(@enrico1111)
3 anos, 2 meses atrás
Olá Jeans, muito obrigado pela rápida resposta!
Não postei a imagem errada, mas vejo isso: Dimensões recomendadas da imagem: 470 por 110 pixels.
Você tem alguma ideia de como alterar essa opção padrão de 470 para 110 pixels?
Em relação à barra de navegação, obrigado pelo seu trabalho, mas quando é aberto no celular, o stick de navegação não é realmente responsivo, você tem alguma dica para centralizá-lo também?
Obrigado novamente!
(@jensdevbeule)
3 anos, 2 meses atrás
Enrico1111 e Chara
Fico feliz em ler que consegui resolver alguns de seus problemas! Agora podemos discutir o resto do caso.
Imagem
O plugin Jetpack ativo pode sugerir o que é recomendado para a imagem. Este plugin foi criado para melhorar o desempenho do site e você pode adaptar algumas alterações para isso. Se estiver certo, você pode selecionar esses tipos de propostas nas preferências do Jetpack.
botão de navegação móvel
Para entendê-lo corretamente, escrevi um código de exemplo para ajudá-lo a ajustar o botão de navegação em dispositivos móveis. Parece bom como eu mesmo digo!
Captura de tela do seu novo botão
Digite este código class.menu-toggle button
width: 100%;
float: none;
margin: 0 auto;Espero que isso resolva o seu problema. Sinta-se à vontade para responder se precisar de mais ajuda.
(@enrico1111)
3 anos, 2 meses atrás
Muito obrigado Jeans, incrível!
A barra de navegação está muito boa agora!
Verifiquei o jetpack para a imagem, mas não consigo encontrar nada para aumentar a largura e a altura do logotipo após o upload.
De qualquer forma, muito obrigado!
(@jensdevbeule)
3 anos, 2 meses atrás
Enrico1111 e Chara
Viva! Estou feliz por poder configurar sua barra de navegação!
Jetpack Photon
Depois de fazer mais algumas pesquisas, pude dizer que o Jetpack (Photon com Jetpack especificamente) está mudando suas dimensões o mínimo possível. Saiba como desativar ou personalizar suas configurações na página de perguntas frequentes do Photon by Jetpack.
Espero que isso resolva o seu problema. Sinta-se à vontade para responder se precisar de mais ajuda.
(@enrico1111)
3 anos, 2 meses atrás
Olá Jens,
Verifiquei que não tem nada a ver com o plug-in Jetpack.
O que noto é que o tamanho do logotipo corresponde exatamente à dimensão da imagem sugerida pela tela de carregamento.
Talvez se eu puder alterar o logotipo para caber automaticamente? Se eu carregar como cabeçalho, obtemos a imagem que queríamos, mas a barra de navegação passa pelo cabeçalho. Você tem alguma ideia de como definir o tamanho padrão do logotipo ou colocar a barra de navegação abaixo da imagem do cabeçalho?
Obrigado
(@jensdevbeule)
3 anos, 2 meses atrás
Enrico1111 e Chara
Claro, você pode tentar fazer o upload de uma função adesiva para o seu logotipo. Mantenha-me atualizado sobre esse assunto!
Espero que isso resolva o seu problema. Sinta-se à vontade para responder se precisar de mais ajuda.
(@enrico1111)
3 anos, 2 meses atrás
Olá Jens,
O que significa “Carregamento de recurso fixo” para corrigir meu problema?
Carreguei um logotipo com uma dimensão de 1024 × 720, mas o wordpress o redimensiona automaticamente para 410 × 110. Não quero que isso aconteça, como posso corrigi-lo?
Obrigado
(@enrico1111)
3 anos, 2 meses atrás
Agora fica assim:
Como posso mover o menu de navegação para baixo? Quando tento mover com:
.nav-menu {margin-top: 200px;
}
Imagem de cabeçalho duplicada, tudo que eu preciso é o menu. Você pode me ajudar a fazer isso?
Obrigado!
(@enrico1111)
3 anos, 2 meses atrás
Já fiz!
Obrigado de qualquer maneira! # fechado
Esta resposta foi modificada 3 anos, 2 meses atrás por.
Isto foi útil?
0 / 0