En el encabezado de mi web (www.xhen.es) se muestran las categrias, en una de ellas (DEKA) me gustaría que en lugar de aparecer el texto, apareciera un logo.
Como se puede hacer?
Un usuario busca reemplazar el texto de una categoría del menú (“DEKA”) con un logo en el encabezado de su sitio web.
Solución propuesta:
Se ofrecen dos métodos:
Menú dinámico con bloques: Verificar si el tema permite cargar imágenes directamente en las opciones del menú.
CSS personalizado: Usar reglas CSS para ocultar el texto y mostrar una imagen de fondo:
color: transparent y background-image al elemento del menúwidth, height) según necesidadResultado: El usuario confirma que la solución CSS funcionó correctamente, requiriendo solo ajustes menores de posicionamiento.
En el encabezado de mi web (www.xhen.es) se muestran las categrias, en una de ellas (DEKA) me gustaría que en lugar de aparecer el texto, apareciera un logo.
Como se puede hacer?
Hola @Pau_2 espero te encuentres bien.
Agregar una imagen al menú se puede conseguir, existen 2 formas de poder hacerlo. Sería cuestión de revisar las funciones de tu tema. Pero te aconsejo revisar esto:
a#HeaderMenu-deka span {
color: transparent;
background-image: url('aquí va la url de tu imagen, encerrada entre la comillas simples');
width: 50px;
height: 50px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
De ahí es solo cuestión de jugar con las opciones width y height para darle las medidas correctas para adaptarlo al menú.
Nota: La url del icono o imagen de deka la puedes obtener si lo cargas en la sección Contenido (la encuentras debajo de la opción Clientes desde el panel principal de Shopify).
Espero te sirva, saludos.
Muchas gracias, me ha funcionado perfectamente, solo he tenido que moverlo un poco