Hola he puesto la posición Drawer de la plantilla Sinope en modo oculto para resoluciones superiores a 768px y he puesto 4 botones (imagen pantalla móvil) para que se vean en la versión móvil y estoy buscando la forma de que se vean las imágenes en vez de en vertical en horizontal en dos posiciones superpuestas, dos imágenes y debajo otras dos, he utilizado el Widget de Gantry para hacer las separaciones pero no funciona, se quedan las dos primeras imágenes en vertical y las otras dos que quedan por debajo no se visualizan.
URL del sitio: Contenido solo visible a usuarios registrados
Hola,
La mejor opción para evitar que los cambios en los CSS se apliquen a elementos donde no quieras que se apliquen sería aplicar los estilos directamente sobre la imagen.
Por ejemplo, para la imagen del banner podrías poner algo así:
Es decir, le pongo un style="margin:20px 20px 0;" Puedes jugar con estos valores para afinar la posición.
Para las imágenes de abajo puedes probar un estilo como el siguiente: style="margin:0 20px 0;"
De nuevo también puedes probar otros valores.