Avisos
Vaciar todo

Header responsive tema Dafne

4 Respuestas
3 Usuarios
0 Reactions
437 Visitas
Respuestas: 2
New Member
Topic starter
 

Buenos días,
estoy creado una nueva web con el tema Dafne. En principio es un tema responsive, pero el header no se redimensiona en la versión móvil. ¿Cómo puede hacer para que se haga responsive?

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 06/03/2018 1:51 pm
Pepe
 Pepe
Respuestas: 41294
Illustrious Member Admin
 

Hola Mabel.

Prueba con lo siguiente:

Edita el archivo style.css que encontraras en wp-content -> themes -> dafne_wp -> style.css y añade lo siguiente:

.sprocket-features-img-container img {
  width: 100% !important;
  height: auto;
}

Un saludo


 
Respondido : 06/03/2018 2:55 pm
Respuestas: 2
New Member
Topic starter
 

Muchas gracias Pepe, tengo conocimiento muy básicos de html/códigos. El código que me comentas que incluya ¿sería arriba del todo del rachivo style.css o tengo que buscar header o similar?

Muchas gracias!


 
Respondido : 06/03/2018 4:32 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Añade este código al final del archivo style.css de tu theme
Puedes usar el Administrador de Archivos de tu Cpanel para editar el archivo, revisa:
https://www.webempresa.com/blog/administrador-de-archivos-de-cpanel-como-buscar-archivos.html

.sprocket-features-img-container img {
  width: 100% !important;
  height: auto;
}

.layout-slideshow .sprocket-features-img-list img{
    left:0;
}

El último código corrige el left ya que de otra manera se verá un espacio.

Saludos.


 
Respondido : 06/03/2018 5:01 pm