.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; }
el problema viene que cuando se ve desde ipad o desde cualquier movil, la redimension a otros dispositivos parece como si el fondo no estuviera en cover si no en auto.
DEsde pc se ve bien, con las herramientas de desarrollador o dede las diferentes paginas para ver responsive, pero es abrirlo en ipad por ejemplo y no se ve como toca o desde el movil ver las redimensiones y se ve mal tambien.