Avisos
Vaciar todo

Aumentar el slider de la página de inicio en el móvil y corregir centrándolo los iconos y frases de la página principal en el móvil  

 
Emilio José
 Emilio José
Estimable Member

Hola, me hace falta aumentar el slider hasta donde esta el recuadro verde "en el móvil". Porque el recuadro rojo está solucionado.

Me dieron este archivo para meterlo en el CSS y no cambia nada:

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

¿Qué otra solución hay?

----------------------------------------------------------------------------------

Y el código que me disteis para reducir el cuadrado donde está el logo (fijase en la imagen siguiente, el cuadro rojo, lo que se redujo) funciona perfectamente para el móvil, pero para verlo "desde un PC" se descoloca todo, descentrando todos los objetos y frases, te envio las fotos para que lo veas.
Este fue el código:

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

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 12/05/2016 8:40 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Para corregir el tema de los desentrados, tiene que ver con el contenedor principal,

En tu archivo personalizaddo, elimina este estilo que has puesto :

Elimina este código

.rt-container {
  width: 100%;
}

Luego, al final agrega este código CSS

#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;
}

Saludos.

ResponderCitar
Respondido : 12/05/2016 10:19 pm

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

Emilio José
 Emilio José
Estimable Member

Perfecto, gracias.

Solo me falta el logo el logo centrarlo un poco.

ResponderCitar
Respondido : 12/05/2016 10:44 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

En este caso sera neceario trabajar con las redes sociales más que con el logo

En tu archivo CSS personalizado tienes

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

Cambialo por

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

Es un centrado simulado con un margen izquiedo

Saludos.

ResponderCitar
Respondido : 12/05/2016 11:39 pm

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

Emilio José
 Emilio José
Estimable Member

Vale, he cambiado el código y me sale los iconos de redes sociales centrados con el logo. Pero yo necesitaba que el logo se centre con los iconos de redes sociales.

El motivo es porque dejo un espacio a la izquierda de los dos mucho más grande que los margenes de la derecha donde está "idiomas y el email".

¿No hay algún código que modifique el logo más a la izquierda?

ResponderCitar
Respondido : 13/05/2016 12:23 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Lo que ocurre es que la imagen que estás utilizando para el logo tiene tiene espacio vacío a ambos lados, lo que hace que parezca que se muestra desplazada a la derecha. La imagen es esta:

Contenido solo visible a usuarios registrados

Si te fijas, se puede ajustar el contenido para eliminar es espacio sobrante por los lados. De esta forma se debería de solucionar el problema.

ResponderCitar
Respondido : 13/05/2016 10:46 am

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

Emilio José
 Emilio José
Estimable Member

Ya realice el cambio de foto, pero sigue sin resolverse.

ResponderCitar
Respondido : 13/05/2016 8:58 pm
Emilio José
 Emilio José
Estimable Member

Y también no se me resolvió este problema:

Aumentar el slider hasta donde esta el recuadro verde "en el móvil". Porque el recuadro rojo está solucionado.

Me dieron este archivo para meterlo en el CSS y no cambia nada:

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

¿Qué otra solución hay?

ResponderCitar
Respondido : 13/05/2016 9:01 pm

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Veo el logo igual y no ha cambiado el espacio vacío
Contenido solo visible a usuarios registrados

Podrías moverlo un poco, pero no mucho, a la izquierda, usa el siguiente estilo, al final de tu archivo personalizado agrega:

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

Luego con respecto a tu otra consulta, elimina el código que has puesto :

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

Luego ubica el codigo con el @media (max-width: 768px) le agregarás un código adicional, es decir quedará como :

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

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

}

Ten cuidado con las llaves ya que si lo pones mal invalida el resto de código

Saludos.

ResponderCitar
Respondido : 13/05/2016 10:47 pm
Emilio José
 Emilio José
Estimable Member

Hola, lo del logo y los iconos sociales al fin están centrados, añadí 20px alineado hacia izquierda los iconos sociales, y ya quedaron centrados los dos.

El otro problema aún metiendo el código que me enviasteis, sigue sin ser un poco más largo el slider del "MÓVIL". Este fue el código que me enviasteis:

Luego ubica el codigo con el @media (max-width: 768px) le agregarás un código adicional, es decir quedará como :
@media (max-width: 768px) {
.cnss-social-icon {
text-align: center !important;
}

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

}

ResponderCitar
Respondido : 14/05/2016 3:10 am

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Emilio.
Esto es lo que veo y no se si lo solucionaste ya.

Un saludo

ResponderCitar
Respondido : 14/05/2016 12:02 pm
Emilio José
 Emilio José
Estimable Member

Hola, lo que quiero es crecer el slider del móvil solo, más largo (no ancho). En la foto sale explicado mejor.

Y en la siguiente foto el recuadro rojo esta resuelto, el que faltaría es el verde, que es lo que os quería decir.

ResponderCitar
Respondido : 14/05/2016 3:18 pm

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

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Esto que comentas de aumentar el slider, te refieres a que tenga otra altura?,
Esto podría complicarse, lo mejor es dejarlo en su tamaño de redimensión original, lo que te envié es subir el silder más arriba pero no cambiar su altura.

Actualmente la modificación CSS es a partir de 768px por lo que debería funcionarte que el slide se vea más arribal, tendrías que refrescar tu navegador o borra la cache o probar en otro navegador y verificar si te sucede lo mismo, actualmente lo veo como en la siguiente imagen.

Saludos.

ResponderCitar
Respondido : 14/05/2016 5:20 pm
Emilio José
 Emilio José
Estimable Member

Sí, era engrandecer el slider. que se vea en vez de más ancho más alto (pero no alto de colocar el slider más arriba, sino engrandecerlo).
Aunque subirlo ha quedado también bien, gracias.

Bueno si no se puede engrandecer porque daría problemas, pues lo dejamos así.

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

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