[SOLUCIONADO] Desfase Sitio Movil Responsive

[®EIVAJ]

Hola, estoy trabajando con una plantilla y en escritorio se ve perfecto pero en movil en una parte de desfasa y se mueve a los costados , imagino que es alguna foto o div que no estoy podiendo darme cuenta para corregir si pudieran darme una manito y revisar para ver cual es el error, en PC Escritorio perfecto en moviles arriba perfecto llegando al medio se desarma a los costados.

De antemano Gracias.

Web : https://www.spyphone.com.ar

[DragonX]

Achicale el font-size al class '.heading-title .al-opacity-text' eso es lo que te esta rompiendo todo!
Slds.-

[®EIVAJ]

Muy bien DragonX le diste justo en el clavo, tuve que mermar casi al 30% el tamaño para que no se rompa el diseño en moviles por lo que el efecto de diseño queda obsoleto, hay alguna manera de anular ese class '.heading-title .al-opacity-text' para dispositivos moviles y dejarlo habilitado para pc escritorios ? me fije y en la plantilla original trabaja asi , en dispositivos moviles se anula este efecto mientras que en pc escritotios y laptops aparece.


Gracias

[DragonX]

podes ponerle:

Código CSS:

@media (max-width: 500px){
    .heading-title .al-opacity-text{
        display: none;
    }
}
 

y listo, de 500px para abajo eso no se vería mas!
Slds.-

[®EIVAJ]

quedo perfecto , muchas gracias.