Avisos
Vaciar todo

Errores responsive plantilla wordpress

23 Respuestas
5 Usuarios
0 Reactions
2,042 Visitas
Javier
Respuestas: 517
Honorable Member
Topic starter
 

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


 
Respondido : 16/06/2016 5:44 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

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.


 
Respondido : 16/06/2016 9:31 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
 

Vale, Genial. Funciona!

Me puedes ayudar con el punto 2?


 
Respondido : 17/06/2016 9:04 am
Pablo Velasco
Respuestas: 20382
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.


 
Respondido : 17/06/2016 12:54 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
 

lo acabo de probar y no veo que cambie nada.


 
Respondido : 17/06/2016 1:04 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

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.


 
Respondido : 17/06/2016 6:01 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
 

vale genial, Mil gracias Jhon!

Ahora podemos pasar al punto 3?


 
Respondido : 17/06/2016 6:07 pm
Jhon
 Jhon
Respuestas: 44989
Soporte CMS Webempresa
 

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.


 
Respondido : 17/06/2016 8:03 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
 

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!


 
Respondido : 18/06/2016 9:52 am
Johnny Heredia Montiel
Respuestas: 20131
Miembro
 

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.


 
Respondido : 18/06/2016 3:27 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
 

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


 
Respondido : 18/06/2016 3:33 pm
Johnny Heredia Montiel
Respuestas: 20131
Miembro
 

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?


 
Respondido : 18/06/2016 5:16 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
 

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?


 
Respondido : 19/06/2016 1:58 pm
Rafael
Respuestas: 1975
Miembro
 

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


 
Respondido : 19/06/2016 2:26 pm
Javier
Respuestas: 517
Honorable Member
Topic starter
 

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?


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