El menu se ve mal en mobile

Tengo mi web geosuelos.co y en mobile no quiero usar el boton hamburguesa, quiero que me quede el logo arriba y las 3 opciones de menu abajo, pero el caso es que se corre muy a la derecha y no logro centrar los botones.

Ademas quisiera me pasen tutoriales de youtube de sitios similares para aprender a maquetar. Gracias

Es extraño el css que le coloca Elementor, veo que hasta tiene width con 0.

Bueno lo primero es quitar el padding (right y left) al contenedor principal porque los 3 botones no van a entrar en fila en un mobil.

Y luego es quitarle también el padding (right y left) al y finalmente remover el width: 0 ( que éste último no entiendo porque esta presente).

Si queres traducirlo a CSS, para reiniciar un padding o margin podrías agregar el css del padding en 0 con !important; por ejemplo

Saludos

bueno,ya segui los pasos que me dijiste y mejoro bastante aunque no se alinean al centro los botones. De a poco voy aprendiendo.