Avisos
Vaciar todo

Problemas con la configuración móvil

4 Respuestas
3 Usuarios
0 Reactions
207 Visitas
Daniel
Respuestas: 60
Trusted Member
Topic starter
 

Buenos Días

Modifiqué una etiqueta en el Slider de mi página y en la versión móvil no sale bien uno de los renglones (adjunto imagen "captura002"). Cuando añado la configuración @media ("Captura003") para hacer que se comporte de otra forma para teléfonos o tablets no consigo que se modifique.

¿Cual es el problema?

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 11/10/2018 11:06 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hoal Daniel.

Prueba con lo siguiente:

@media only screen and (max-width: 690px) {
.nectar-slider-wrap[data-full-width="false"] .swiper-slide .content h2 {
    font-size:33px!important;
}

div.slidehome span {
    background-color:transparent!important;
    line-height: 25px!important;
    font-size:35px!important;
}

.swiper-slide .content .buttons {
    padding-top: 5px!important;
}
}

Un saludo


 
Respondido : 11/10/2018 4:31 pm
Daniel
Respuestas: 60
Trusted Member
Topic starter
 

Perfecto!!

¿Cual era el problema?


 
Respondido : 12/10/2018 2:36 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

El rango de acción del media query, en el último código que te envía Pepe afecta a todo lo que este por debajo de 690px, además de otro código de margenes, tamaño de letra y espaciado entre renglones (line-height)

Saludos.


 
Respondido : 12/10/2018 5:22 pm