Blog

El módulo por defecto de carousel, que viene con la plantilla Helix3 está mal adaptado para móviles. De hecho, el problema que tiene es que la fuente se ve muy grande, con lo que no cabe una descripción de dos líneas.

La solución consiste en redefinir el CSS del carousel, para que en los móviles la fuente se vea más pequeña. He aquí el código.

@media screen and (max-width: 480px) {   

.sppb-carousel-pro-text h2 {

    font-size: 23px;

    line-height: 30px;

    padding: 3px !important;

    text-align: center;}

.sppb-carousel-pro-text h3 {

   padding: 0px !important; margin: 5px !important; font-size: 15px;}

.sppb-item.sppb-item-has-bg .sppb-carousel-item-inner {padding: 10px 20px;}

#section-id-1490875236442 .sppb-col-md-12 {padding:0;}

.sppb-carousel-pro-text p {margin: 0;}

.sppb-carousel-inner > .sppb-item > img  {min-height: 250px;}

}

Published in HTML

Sobre CNERIS

CNERIS es una empresa constituida por jóvenes emprendedores procedentes de diferentes sectores del mundo de la información. Nuestro equipo está compuesto por programadores, administradores de sistemas, administradores de base de datos, diseñadores gráficos, maquetadores,