Plantilla Pandora: cajetín de menú en móvil, recuadro encima de texto  

 
Alízaro
 Alízaro
Estimable Member

Hola:
En el cajetín de menú, cuando se accede a la web desde un teléfono, el rectágulo de resalte aparece encima del texto tapándolo.
Veo que en la plantilla original ya ocurre.
¿Qué código y dónde hay que meterlo para que el rectángulo salga por debajo del texto?
No quisiera meterlo en CSS Personalizado. Creo que es un defecto de plantilla que hay que subsanar, por lo que mejor insertarlo en su sitio, ¿no?

Saludos.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 04/02/2016 8:56 am
Julen
 Julen
Miembro Admin

Hola,

Vemos que actualmente tienes la web en mantenimiento, por lo que no podemos ver el problema de forma directa para analizar el código ni saber la version de la plantilla que estás utilizando en tu Wordpress.

Tendrías que desactivar ese estado de mantenimiento para que lo podamos revisar. Posiblemente, haya que realizar una modificaciones en el código.

Saludos

ResponderCitar
Respondido : 04/02/2016 9:35 am

Cursos Gratuitos WordPress

Alízaro
 Alízaro
Estimable Member

Hola:
El adjunto es del ejemplo de la página de Webempresa. En la que yo he alojado ocurre exactamente lo mismo y la instalé hace un par de semanas. La estoy probando, no es la que tengo en mi página.
Saludos.

ResponderCitar
Respondido : 04/02/2016 4:39 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Al parecer es un bug de diseño, he reportado esto para su corrección.

Sin embargo puedes corregirlo por CSS primero crea un archivo personalizado CSS
https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html

Agrega este código CSS en el archivo

.gf-menu-device-container .gf-menu .dropdown ul li.active > .item{
	color : white;
}

.gf-menu-device-container .gf-menu li .item{
	padding-bottom: 15px!important;
}

.gf-menu-device-container .gf-menu{
	float:left;
}

Todos los estilos sólo afectarán al menú en modo device

Saludos

ResponderCitar
Respondido : 04/02/2016 6:14 pm

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

Alízaro
 Alízaro
Estimable Member

Hola:
He agregado el el css y no me ha resuelto el problema. Sigue igual.

Saludos.

ResponderCitar
Respondido : 04/02/2016 8:44 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

No podemos ver lo que has realizado por que tu sitio esta en mantenimiento

Con el código que te brinde debería funcionarte, pero igual es posible que en tu sitio tengas algo particular , para no extender este tema tendrías que habilitar tu sitio temporalmente para detectar en donde esta el problema

Saludos.

ResponderCitar
Respondido : 04/02/2016 9:47 pm

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

Alízaro
 Alízaro
Estimable Member

Hola:
El sitio es éste:
http://ferreteriasanchez.com

Saludos.

ResponderCitar
Respondido : 05/02/2016 11:11 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Prueba a cambiar el código que te indicaba Jhon por este otro:

.layout-mode-responsive .gf-menu li.active.last > .item {
color: #FFF;
}

.gf-menu-device-container .gf-menu li .item{
	padding-bottom: 15px!important;
}

.gf-menu-device-container .gf-menu{
	float:left;
}
ResponderCitar
Respondido : 05/02/2016 3:20 pm

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

Alízaro
 Alízaro
Estimable Member

Hola:
Perfecto.
Espero que cuando se arregle el problema me paséis el código y la ubicación del mismo.
Gracias y saludos.

ResponderCitar
Respondido : 05/02/2016 7:14 pm