.al-hero-header { background-image: linear-gradient(to right, rgba(210, 210, 210, 0.2), rgba(216, 216, 216, 0.2)), url(../img/Portades_HOME.jpg); background-size: cover !important; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.al-hero-header {
background-image: linear-gradient(to right, rgba(210, 210, 210, 0.2), rgba(216, 216, 216, 0.2)), url(../img/Portades_HOME.jpg);
background-size: cover !important;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
elEl problema viene que cuando se ve desde ipad o desde cualquier movilmóvil, la redimensionre-dimensión a otros dispositivos parece como si el fondo no estuviera en cover si no en auto.
DEsdeDesde pc se ve bien, con las herramientas de desarrollador o dededesde las diferentes paginas para ver responsive, pero es abrirlo en ipad por ejemplo y no se ve como toca o desde el movilmóvil ver las redimensionesre-dimensiones y se ve mal tambientambién.