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
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.
Vale, Genial. Funciona!
Me puedes ayudar con el punto 2?
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.
lo acabo de probar y no veo que cambie nada.
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.
vale genial, Mil gracias Jhon!
Ahora podemos pasar al punto 3?
Hola
Con respecto al punto 3 , esta parte de tu sitio web tiene este código en la parte incial:
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!
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.
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
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?
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?
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
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?