Hacer responsive una página de wix

El que no haya probado como hacer una web en wix mejor que no lo intente.

Código sucio es poco y un asesor SEO que te obliga a hacer las cosas mal si lo sigues al pie de la letra.

Las páginas de wix, supongo que para los usuarios no la cagasen en 2005, sólo permiten una anchura de 980px como máximo.

Si tienes un monitor de 24 pulgadas en el año 2021 verás un gran espacio a ambos lados del contenido de tu página.

Wix recomienda si quieres hacer algo más moderno pasarte a editorx. Esta sería otra historia.

Los chicos de wix también han creado un editor avanzado de javascript. Tan avanzado que no tiene acceso al DOM y se han inventado un javascript propio para que solo puedas hacer cosas mínimas.

El truco para conseguir pasar de las majaderías de esta empresa, es inyectar código en el único sitio donde lo admiten. La zona especial donde se suele meter el código de analytics.

Hay que seguir la siguiente ruta:

Panel de control -> Opciones -> Código personalizado -> añadir

hay qeu incluir el código antes del body así que "Cuerpo final"

Elegir en 2Todas las páginas" y "subir código una vez".

Un código que funciona es escalar el div princpl de nuestro contenido #masterPage. Se puede usar tanto zoom como transform: scale()


<style>
@media only screen and (min-width: 1367px) {
	#masterPage{	
		zoom:1.3;
		-moz-transform: scale(1.3);
		-moz-transform-origin: top;
	}
}

@media only screen and (min-width: 1900px) {
	#masterPage{	
		zoom:1.6;
		-moz-transform: scale(1.6);
		-moz-transform-origin: top;
	}
}
</style>

Con este código insertado, vuestra página se ampliará sin dejar esos huecos tan grandes a los lados. Se debe jugar con las cifras para obtener el mejor resultado.

Poco más se puede hacer con css en wix. La mayoría de los divs están fijados a fuego con código en el html.

No he probado a inyectar javascript. Supongo que también funcionaría.