Pregunta sobre Arreglando WordPress de Wordpress:

Frente de la tienda: logotipo y barra de navegación

Un usuario preguntó 👇

Hola, necesito ayuda con el diseño de este sitio web.

Hice un tema hijo del «tema de Front Store».

Quiero centralizar el logo sin perder la calidad, el logo subido es 2967 x 720 pixeles pero la calidad es muy pobre y esta centralizado con CSS extra

.custom-logo {ancho: 100%; }

También quiero apuntar a la barra de navegación en PC y dispositivos móviles. Lo he intentado todo, pero fue en vano.

¡Espero que alguien pueda ayudarme! ¡Gracias!

(@jensdevbeule)

Hace 3 años, 2 meses

Enrico1111 y chara

¡Gracias por contactar con los foros de soporte! Eché un vistazo a su problema y su sitio web mencionado con su pregunta.

Tu logo
Pude determinar que la imagen de origen utilizada para su logotipo tiene estas dimensiones: 435x110px. Entonces, si estiras la imagen, se verá borrosa. Le sugiero que vea su archivo WP-media de la imagen utilizada, es posible que lo haya agregado accidentalmente o que su instalación tenga un plugin que limite las dimensiones de sus imágenes.

Tu barra de navegación
Para su segundo problema, escribí un pequeño código de muestra general para centrar las barras de navegación. Puede ver la arquitectura relacionada e implementarla en su sitio web.

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="#">Menu 1</a></li>
  <li><a href="#">Menu 2</a></li>
  <li><a href="#">Menu 3</a></li>
</ul>

Espero que esto resuelva tu problema. No dude en responder si necesita más ayuda.

(@ enrico1111)

Hace 3 años, 2 meses

Hola Jeans, ¡muchas gracias por la rápida respuesta!

No publiqué la imagen incorrecta, pero veo esto: Dimensiones de imagen recomendadas: 470 por 110 píxeles.

¿Tiene alguna idea de cómo cambiar esta opción predeterminada de 470 a 110 píxeles?

En cuanto a la barra de navegación, gracias por su trabajo, pero cuando se abre en dispositivos móviles, la palanca de navegación no responde realmente, ¿tiene algún consejo para centralizarla también?

¡Gracias de nuevo!

(@jensdevbeule)

Hace 3 años, 2 meses

Enrico1111 y chara

¡Me alegra leer que pude resolver algunos de sus problemas! Ahora podemos discutir el resto del caso.

Imagen
El plugin Jetpack activo puede sugerir lo que se recomienda para la imagen. Este plugin se creó para mejorar el rendimiento del sitio web y puede adaptar algunos cambios para hacerlo. Si estoy en lo cierto, puede seleccionar este tipo de propuestas en las preferencias de Jetpack.

Botón de navegación móvil
Para entenderlo correctamente, he escrito un código de muestra para ayudarlo a ajustar el botón de navegación en dispositivos móviles. ¡Se ve bien como lo digo yo mismo!

Captura de pantalla de su nuevo botón

Introduzca este código class.menu-toggle button

width: 100%;
float: none;
margin: 0 auto;

Espero que esto resuelva tu problema. No dude en responder si necesita más ayuda.

(@ enrico1111)

Hace 3 años, 2 meses

Muchas gracias Jeans, ¡increíble!

¡La barra de navegación es bastante buena ahora!

Revisé el jetpack para ver la imagen, pero no puedo encontrar nada para aumentar el ancho y la altura del logotipo después de cargarlo.

¡De todos modos, muchas gracias!

(@jensdevbeule)

Hace 3 años, 2 meses

Enrico1111 y chara

¡Hurra! ¡Me alegra poder configurar tu barra de navegación!

Photon de Jetpack
Después de investigar un poco más, podría decir que Jetpack (Photon con Jetpack específicamente) está cambiando sus dimensiones lo menos posible. Infórmese cómo deshabilitar o personalizar su configuración en su página de preguntas frecuentes sobre Photon by Jetpack.

Espero que esto resuelva tu problema. No dude en responder si necesita más ayuda.

(@ enrico1111)

Hace 3 años, 2 meses

Hola Jens,

Comprobé que no tiene nada que ver con Jetpack Plugin.

Lo que noto es que el tamaño del logotipo coincide exactamente con la dimensión de la imagen sugerida por la pantalla de carga.

¿Quizás si puedo cambiar el logo para que se ajuste automáticamente? Si subo como encabezado, obtenemos la imagen que queríamos, pero luego la barra de navegación pasa por el encabezado. ¿Tiene alguna idea de cómo establecer el tamaño predeterminado del logotipo o poner la barra de navegación debajo de la imagen del encabezado?

Gracias

(@jensdevbeule)

Hace 3 años, 2 meses

Enrico1111 y chara

Claro, puede intentar cargar una función fija para su logotipo. ¡Mantenme actualizado sobre ese tema!

Espero que esto resuelva tu problema. No dude en responder si necesita más ayuda.

(@ enrico1111)

Hace 3 años, 2 meses

Hola Jens,

¿Qué quiere decir «Carga de funciones fijas» para solucionar mi problema?

Subí un logo con una dimensión de 1024 × 720 pero wordpress lo reclasifica automáticamente a 410 × 110. No quiero que esto suceda, ¿cómo puedo solucionarlo?

Gracias

(@ enrico1111)

Hace 3 años, 2 meses

Ahora se ve así:

http://classicitalianbikes.com/wp/

¿Cómo puedo mover el menú de navegación hacia abajo? Cuando intento moverme con:

.nav-menu {margen-superior: 200px;

}

Imagen de encabezado duplicada, todo lo que necesito es el menú. ¿Pueden ayudarme a hacer eso?

¡Gracias!

(@ enrico1111)

Hace 3 años, 2 meses

¡Ya lo hice!

¡Gracias de cualquier manera! # cerrado

Esta respuesta fue modificada hace 3 años, 2 meses por.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *