No se ve bien la web en todos los navegadores

mando captura de como lo veo en mi movil y como quisiera que se pudiera ver con ejemple de otra web que tengo en una plantilla dioni que ¿Que tengo que hacer para que la imagen se vea completa al darle la vuelta al movil

como pongo la imagen mas pequeña para que quede bien

Hola,

El problema está en que esas imágenes que se están cargando, y que salen cortadas en los móviles, realmente se están mostrando como imágenes de fondo, por lo que no se redimensionan.

En tu caso, veo que en esa posición solo se está cargando la imagen de fondo, sin ningún texto adicional (no cuenta aquí el texto que pueda incluir la propia imagen). Para tal caso, podrías cambiar esa imagen de fondo por una imagen normal, que cargue en la misma posición, y que sí se tendría que adaptar al ancho disponible.

Para ello, vete en primer lugar a Atlas theme. En el desplegable que hay en la parte superior, que pone Default Setting elige la opción Inicio. A continuación pulsa en la pestaña Estilo. En el campo Imagen Fondo elimina la imagen que has seleccionado para el fondo. Guarda los cambios.

Después vete a Apariencia->Widgets. De nuevo, en el desplegable que hay en la parte superior, que pone Default Setting elige la opción Inicio. Despliega la posición Feature. Aquí deberás tener un widget de tipo texto, aparentemente vacío. Añade el siguiente contenido para cargar la imagen y guarda los cambios:

Ahora, quedaría aplicar unos cambios en los estilos CSS. Prueba a añadir lo siguiente:

#rt-transition {
padding-top: 0 !important;
}
#rt-transition .rt-container {
    width: 100% !important;
}
#rt-transition .rt-grid-12 {
    width: 100% !important;
}
#rt-transition .rt-block {
    margin: 0 !important;
    padding: 0 !important;
}

Comprueba si esto te funciona.