No me abre el botón de menú en la versión móvil

Hola,

Tienes que insertar la url del sitio web para poder revisarlo.

http://iplaytimeline.com (Versión móvil)

Hola Emilio.
Esto es lo que yo veo.

Si compruebas la demo que tenemos de la plantilla encelado en tu móvil te funciona bien?
Encelado

Un saludo

Hola, pues he probado la página http://demos-wordpress.webempresa.com/encelado/ en mi móvil y sí funciona. He probado de nuevo mi página en mi móvil, y se ve, que cuando le doy al botón menu se mete para adentro, pero luego me desplazo hacia abajo y no encuentro la lista del menú.

Hola Emilio,

He probado de nuevo mi página en mi móvil, y se ve, que cuando le doy al botón menu se mete para adentro, pero luego me desplazo hacia abajo y no encuentro la lista del menú.

Llevas una semana modificando comportamientos del menú y la cabecera y no seria de extrañar que hayas cambiado el comportamiento nativo del tema Encelado y por eso ahora el menú se despliega por debajo del TOP y la imagen de cabecera.

¿Los cambios en tu tema los haces en un tema hijo (child theme) o directamente en el tema Encelado tal cual?

Saludos

En esta raíz: /home/iplaytim/public_html/wp-content/themes/encelado_wp/css

y en el archivo: encelado_wp-custom.css

Qué podría hacer entonces?

Hola Emilio,

Si nos indicas que cambios hiciste en ese archivo CSS podremos decirte si son los correctos o si por el contrario es la causa de que no se muestre el icono de menú en dispositivos móviles o que se despliegue el menú por debajo de la imagen.

En el tema original el comportamiento en móviles es correcto.

Saludos

Las modificaciones del archivo CSS son:

#rt-main{
background:#CCCC99;
}

.cnss-social-icon{
margin-left:20px!important;
text-align:left!important;
}

.gf-menu-toggle{
left:40px;
top:14px;
}

.page-id-355 #rt-main{
background:#000000;
}

@media (max-width: 768px) {
.cnss-social-icon {
text-align: center !important;
}

}

@media (max-width: 480px) {
#rt-top .title {
font-size: 20px;
text-align:center;
}

#rt-top .widget_text{
padding:0;
margin:auto 0;
text-align:center;
}
}

@media (max-width: 480px) {
.rt-block {
padding: 0;
}
}

@media (max-width: 768px) {
.cnss-social-icon {
text-align: center !important;
}

#rt-header .rt-omega{
display:none;
}

}

#rt-transition{
background:black;
}

body>.rt-container{
width:100%;
}

.soliloquy-container{
max-width:100%!important;
max-height:auto!important;
}

.soliloquy-container,
.soliloquy-container img{
width:100%!important;
}

#rt-logo{
width:215px!important;
}

Hola

Es extraño que te suceda esto, anteriormente si se veía correctamente, debe ser alguna modificacion, renombra temporalmente el archivo custom y verifica nuevamente.

Has realizado alguna instalación de algun plugin adicional?, o también es posible que hayas desinstalado alguna dependencia del menú.

Saludos.

Hola, he renombrado el archivo de la siguiente forma:

encelado_wp-custom.css a encelado_wp-customm.css (le añadido una m), y he probado en el móvil y ha funcionado y me sale el menú.

A si que algo de ese archivo es lo que falla. Puede ser que el SLIDER de la página principal este mas subido? sino no se de que puede ser.

Hola

Es posible que hayas agregado widgets de texto vacios en alguna posicion desde Apariencia => Wigets

Si es asi tendrías que quitar este código CSS de tu archivo personalizado :

  	#rt-header .rt-omega{
		display:none;
	} 

Si no localizas los widgets , cambia el código anterior por :
Tienes que cambiarlo por :

	#rt-header .rt-omega .widget_text{
		display:none;
	} 

Es decir agregar un widget_text, ten cuidado al eliminar o modifiar el código este esta dentro de un @media, por lo que ten cuidado con las llaves principales del @media

Saludos.

Saludos.

Hola, perdonad, pero no entendí nada de lo que me habéis explicado. Si me podéis explicar mejor específicamente TODO lo anterior, os lo agradezco.

No preguntarme que parte no entendí. Es todo, jeje.

Gracias

Hola, intente de hacer el primer paso, el de eliminar este código:

#rt-header .rt-omega{
display:none;
}

aunque no encontre los widgets vacios, ya funciona el menú del móvil, gracias.

El código que elimine que significa o para que servía?
Los widgets vacíos los puse, dos de ellos, encima del menú porque me salía el menú alineado más abajo.

Pero se puede hacer de otra forma mejor?

Gracias

Hola,

Te recomiendo que revises bien el código del fichero, no se si nos ha enviado el código tal cual porque por ejemplo se pueden visualizar que en este código se abren 2 corchetes pero solo se cierra uno:

@media (max-width: 480px) {
#rt-top .title {
font-size: 20px;
text-align:center;
}

En este otro caso es lo contrario, se abren 1 y se cierran dos:

#rt-top .widget_text{
padding:0;
margin:auto 0;
text-align:center;
}
}