Avisos
Vaciar todo

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

9 Respuestas
4 Usuarios
0 Reactions
718 Visitas
Respuestas: 135
Estimable Member
Topic starter
 

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


 
Respondido : 04/02/2016 8:56 am
Julen
Respuestas: 2894
Famed Member 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


 
Respondido : 04/02/2016 9:35 am
Respuestas: 135
Estimable Member
Topic starter
 

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.


 
Respondido : 04/02/2016 4:39 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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


 
Respondido : 04/02/2016 6:14 pm
Respuestas: 135
Estimable Member
Topic starter
 

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

Saludos.


 
Respondido : 04/02/2016 8:44 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 04/02/2016 9:47 pm
Respuestas: 135
Estimable Member
Topic starter
 

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

Saludos.


 
Respondido : 05/02/2016 11:11 am
Pablo Velasco
Respuestas: 20382
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;
}

 
Respondido : 05/02/2016 3:20 pm
Respuestas: 135
Estimable Member
Topic starter
 

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


 
Respondido : 05/02/2016 7:14 pm