Avisos
Vaciar todo

Errores responsive plantilla wordpress  

Página 1 / 2
 
Javier
 Javier
Honorable Member

Necesito ayuda para que se vea bien en la version responsive de una plantilla WordPress.
1- dentro de la home ( http://www.casasdesevilla.com/), quiero que se vean bien: siguenos, contacte y reservas, seleccion de idioma. (podeis ver el error en la imagen 1)

Contenido solo visible a usuarios registrados

Citar
Respondido : 16/06/2016 6:44 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

HOla

Son varias consultas, te sugiero tratarlas una a una, con respecto a tu primera consulta, ubica este archivo :
/web/wp-content/themes/samarcanda/style.css

Al final de todo agrega el siguiente código CSS:

@media (max-width:540px){
	.sidebar-header .widget{
		width:100%!important;
		float:none;
		text-align:center;
		background-color:white;
	}	
  
  	.sidebar-header .widget-icon-text div{
  		float:none;
  	}
}

Saludos.

ResponderCitar
Respondido : 16/06/2016 10:31 pm

Cursos Gratuitos WordPress

Javier
 Javier
Honorable Member

Vale, Genial. Funciona!

Me puedes ayudar con el punto 2?

ResponderCitar
Respondido : 17/06/2016 10:04 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Este cambio es más complicado, debido a la forma en la que se cargan las imágenes de los artículos en la home. En lugar de cargarse de forma directa, se cargan como imagen de fondo, por lo que no se puede forzar a que se carguen con su tamaño completo.

Una prueba que podrías hacer es la siguiente, aunque puede que no funcione del todo bien:

@media (max-width:540px){
#primary .section.meta-section {
    padding: 30px 30px 250px;
}
}

Lo mejor sería que consultaras el problema con los desarrolladores del tema, ya que es posible que dispongan de alguna solución alternativa.

ResponderCitar
Respondido : 17/06/2016 1:54 pm

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

Javier
 Javier
Honorable Member

lo acabo de probar y no veo que cambie nada.

ResponderCitar
Respondido : 17/06/2016 2:04 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Con respecto al punto 2, agrega el siguiente código, la idea sería mostrar un alto mínimo con lo cual se vería la imagen

#primary .section.page-meta, #primary .section.meta-section{
	min-height:300px;
}

Agrega este código al final del archivo :
/web/wp-content/themes/samarcanda/style.css

Saludos.

ResponderCitar
Respondido : 17/06/2016 7:01 pm

Javier
 Javier
Honorable Member

vale genial, Mil gracias Jhon!

Ahora podemos pasar al punto 3?

ResponderCitar
Respondido : 17/06/2016 7:07 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Con respecto al punto 3 , esta parte de tu sitio web tiene este código en la parte incial:

width:570px!important, tendrías qu eliminar esto, como has puesto este ancho?

Saludos.

ResponderCitar
Respondido : 17/06/2016 9:03 pm

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

Javier
 Javier
Honorable Member

Estoy arreglando los fallos de un cliente nuevo.

Pero el problema es que si quito ese ancho se ve mal!

Tiene que haber otra solucion!

ResponderCitar
Respondido : 18/06/2016 10:52 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Dicho código que tienes incrustado no permitirá por lo menos la parte responsive, tendrias que eliminarlo si quieres que funcione y luego de esto buscar otra opción.

Te recuerdo que no es permitido realizar 3 consultas sobre un mismo hilo de foro.

ResponderCitar
Respondido : 18/06/2016 4:27 pm

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

Javier
 Javier
Honorable Member

Vale no volvere a crear 3 hilos en uno, perdona.

Pero me podriais decir la solucion a este punto porfavor... he intentado mil cosas pero no me sale bien.

Necesito vuestra ayuda!

Gracias

ResponderCitar
Respondido : 18/06/2016 4:33 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Como te comente anteriormente se tendria que eliminar esta sección style="width: 570px ! important;" del código que te indico Jhon ya que esta afectando al modo Responsive de la plantilla, entiendo que tu haz insertado dicho código?

ResponderCitar
Respondido : 18/06/2016 6:16 pm

Cursos Gratuitos WordPress

Javier
 Javier
Honorable Member

Hola!

Pues no yo no he insertado ese codigo, vale lo quito pero despues que codigo tengo que poner para que se adapte a ambas versiones?

ResponderCitar
Respondido : 19/06/2016 2:58 pm
Rafael
 Rafael
Miembro Moderator

Hola Javier,

En principio, eliminando el código que mi compañero te indica, tendría que adaptarse automáticamente a toda la anchura disponible.

Por tanto sería responsivo para todas las resoluciones (en relación al ancho)

No obstante, veo que hay código en la hoja de estilo donde se define el ancho y quizás pueda afectarte.

Realiza este cambio que te proponemos y verifica si con ello, visualizas correctamente el ancho.

Saludos

ResponderCitar
Respondido : 19/06/2016 3:26 pm

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

Javier
 Javier
Honorable Member

Hola!

He quitado el codigo y se ve mal para desktop y movil, se salen las partes de dentro como podreis comprobar.

Que solucion tengo?

ResponderCitar
Respondido : 19/06/2016 10:04 pm
Página 1 / 2