Sito, come fare la "responsive"

Buon giorno a tutti.

Ieri ho creato la pagina principale del sito.
Il problema consiste che la pagina e ottimizzate per il desktop ma non per mobile.

Vi lascio in allegato dei Screenshot per farvi capire.

Ringrazio in anticipo per il vostro aiuto.

https://ibb.co/9Wq8sKB
https://ibb.co/7j5B9Tj

[frasidipace]

Salve,
il tema in uso è un Seamless di Altervista, quindi responsive.
Mi viene solo un dubbio su come abbia realizzato quella parte di pagina, poiché dal sito mi sembra di rilevare un gruppo di immagini.
Ha provato ad utilizzare invece il blocco colonne, inserendo le imamgini all'interno di ciascuna colonna? In questo caso il responsive predisporrà sul mobile le immagini una sotto l'altra.
Con il gruppo ciò non accade.

In alternativa può provare ad aggiungere il seguente codice in Aspetto->Personalizza->CSS aggiuntivo:

@media screen and (max-width: 600px) {
  .wp-container-core-group-is-layout-4 {
    flex-wrap: wrap!important;
  }
}

Saluti

Grazie per la risposta, Si sono in un gruppo di colonne.

Mi potresti dire come inserire questo codice visto che sono un incompetente nella programmazione.

[frasidipace]

Grazie per la risposta, Si sono in un gruppo di colonne.

Come temevo. In questi casi occorre utilizzare il blocco Colonne, non Gruppo.

Mi potresti dire come inserire questo codice visto che sono un incompetente nella programmazione.

Dal backend di Wordpress vai in Aspetto->Personalizza-CSS aggiuntivo ed incolla nell'editori che si apre a sinistra il codice che ho postato in precedenza.

Ciao

Grazie mille ho risolto eliminando il gruppo e ho cambiato un po il design.