Logo responsive en algunos apartados de menús, pero no en todos  

 
Pilar
 Pilar
Reputable Member

Hola.

Estoy trabajando con la plantilla Metone.

Me ocurre algo curioso y es que el logo se ve responsive en todos los apartados de cada menú menos en:
Muebles Cocina y sus submenús.
Accesorios.
Muebles Baño.
Frentes armarios.

En todos los demás contenidos de cada menú el logo se ve perfectamente adaptado para móviles.

He seguido el hilo: https://www.webempresa.com/foro/18-Pack-Empresa/131505-Configuracion-logo-responsive-gantry.html
y he hecho todo tipo de combinaciones, pero no soy capad de solucionarlo.

Gracias por vuestra colaboración.

Un saludo.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 02/02/2016 1:36 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Viendo el código veo que hay un código CSS que es el siguiente:

img {
max-width: none !important;
}

Este código se carga en esta opcion de menú , verifica si has puesto este código en algún archivo o en el overrides del template que estas usando, deberías eliminar este código.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 02/02/2016 5:37 pm

Cursos Gratuitos WordPress

Pilar
 Pilar
Reputable Member

Hola Jhon.

Gracias por tu respuesta.

La verdad es que no he editado ningún tipo de código. Estoy utilizando Joomla, lo que me comentas del overrides del template es de Wordpress ¿no?

Y ese código ¿dónde dices que lo puedo localizar para quitarlo?

Me he dado cuenta que donde no funciona el responsive es en las páginas donde está la gallería de Phoca Gallery... ¿tendrá algo que ver?

Un saludo

ResponderCitar
Respondido : 02/02/2016 5:45 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

El termino de overrides se aplica en Joomla también, he visto según lo que comenta, que si que es posible que sea algún estilo de la galería, tendrías en este caso que forzar el CSS del logo para que se vea correctamente siempre

Primero agrega un archivo CSS personalizado :
https://www.webempresa.com/blog/item/1469-agregar-archivo-css-personalizado-para-plantillas-gantry.html

En este archivo agreag el siguiente código :

#rt-header img{
max-width:100%!important;
}

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 02/02/2016 7:03 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Pilar
 Pilar
Reputable Member

Hola Jhon.

No sabía que el término override también se utilizaba para Joomla, perdona.

Haré lo que me indicas.

Muchas gracias

ResponderCitar
Respondido : 02/02/2016 7:21 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Efectivamente le término overrides incluso no tiene que ver con gantry, ya que en Joomla se usaba para hacer algo que se llama template override, por si quieres revisar te dejo el link:

Quedamos a la espera de tus pruebas

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 02/02/2016 8:37 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Pilar
 Pilar
Reputable Member

Hola Jhon.

Gracias por la información que me comentas, muy interesante. Me viene fenomenal. Solo sé que no sé nada....

Por otra parte ya he agregado un archivo personalizado para que el logo fuera responsive en todas las páginas, y funciona a la perfección.
Tengo una pega con un módulo ubicado en breadcrumb (en naranja pone cocinas) que no se hace responsive, perdona mi ignorancia pero ¿qué código debería poner para que si lo sea? he probado a ponerle img {max-width:100%!important;} pero está claro que no es por ahí.

#rt-breadcrumbs {
    background: #ff9c45 none repeat scroll 0 0;
}

De nuevo muchas gracias por tu paciencia.

Un saludo

ResponderCitar
Respondido : 03/02/2016 11:29 am
Pilar
 Pilar
Reputable Member

Hola Jhon.

Ya está solucionado, he añadido este código:

#rt-breadcrumbs img{
max-width:100%!important;
}

De maravilla, convertido en responsive.

Gracias por tu ayuda.

Un saludo

ResponderCitar
Respondido : 03/02/2016 12:18 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Por favor Iniciar Sesión o Registro